«background-image» 태그된 질문

내 CSS3 그라디언트를 사용 background-color하고 background-image가벼운 투명 텍스처를 적용하려면 어떻게 적용합니까?

1250 css  background-image  gradient 

이 질문에 대한 답변은 지역 사회 노력 입니다. 이 게시물을 개선하려면 기존 답변을 수정하십시오. 현재 새로운 답변이나 상호 작용을받지 않습니다. 어떤 상황 IMG에서 CSS와 달리 HTML 태그 를 사용 하여 이미지를 표시하는 것이 더 적합 background-image합니까? 접근성, 브라우저 지원, 동적 컨텐츠 또는 모든 종류의 기술적 한계 또는 사용성 원칙이 요인에 …

777 html  css  image  background-image 

나는 그리스 몽키 사용자 스크립트의 출처를보고 있었고 CSS에서 다음을 발견했습니다. .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} greasemonkey 스크립트는 서버에서 호스팅하는 대신 소스 내에 가능한 모든 것을 번들로 제공하고 싶다는 것을 이해할 수 있습니다. 그러나 이전 에이 기술을 보지 못했기 때문에 그 사용을 고려했으며 여러 가지 이유로 매력적입니다. 페이지로드시 HTTP …

475 css  base64  background-image  data-uri 

검색 페이지의 배경 이미지로 사용하는 JPEG 파일이 있으며 Backbone.js 컨텍스트 내에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다. background-image: url("whatever.jpg"); CSS 3 흐림 필터 를 배경 에만 적용하고 싶지만 한 요소의 스타일을 지정하는 방법을 잘 모르겠습니다. 내가 시도하면 : -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); 바로 …

467 css  background-image  css-filters 

다음 div에 배경 이미지가 있지만 이미지가 잘립니다. <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> 배경 이미지를 잘라 내지 않고 표시하는 방법이 있습니까?

334 html  css  background-image 

크기 비율이 다른 경우에도 특정 너비와 높이의 URL에서 이미지를 표시하고 싶습니다. 그래서 (크기를 유지하면서) 크기를 조정하고 원하는 크기로 이미지를 자르고 싶습니다. html img속성으로 크기를 조정할 수 있고로 잘라낼 수 있습니다 background-image. 둘 다 어떻게합니까? 예: 이 사진: 크기 800x600픽셀이 있고 200x100픽셀 이미지처럼 보이고 싶습니다. 로 img나는 이미지의 크기를 조정할 수 …

333 html  css  background-image  image 

두 개의 배경 이미지를 가질 수 있습니까? 예를 들어, 하나의 이미지가 상단 (반복-x)에서 반복되고 다른 페이지가 전체 페이지 (반복)에서 반복되도록하고 싶습니다. 전체 페이지의 이미지는 상단에서 반복되는 이미지 뒤에 있습니다. html과 body의 배경을 설정하여 두 개의 배경 이미지에 대해 원하는 효과를 얻을 수 있음을 발견했습니다. html { background: url(images/bg.png); } body …

316 css  background-image 

나는 DIV를 가지고 있으며 배경으로 패턴을 넣고 싶습니다. 이 패턴은 회색입니다. 좀 더 멋지게 만들기 위해, 나는 "투명한"투명 컬러를 겹쳐 놓고 싶습니다. 아래는 내가 시도했지만 작동하지 않는 것입니다. 배경 이미지 위에 컬러 레이어를 넣는 방법이 있습니까? 내 CSS는 다음과 같습니다. background: url('../img/bg/diagonalnoise.png'); background-color: rgba(248, 247, 216, 0.7);

213 css  background-image  background-color 

웹 사이트 (g-floors.eu)가 있고 배경 (css에서 콘텐츠의 bg 이미지를 정의했습니다)을 반응 적으로 만들고 싶습니다. 불행히도 실제로 생각할 수있는 한 가지를 제외 하고는이 작업을 수행하는 방법에 대해 전혀 알지 못하지만 해결 방법은 아닙니다. 여러 이미지를 만든 다음 CSS 화면 크기를 사용하여 이미지를 변경하지만이를 달성하기위한보다 실용적인 방법이 있는지 알고 싶습니다. 기본적으로 달성하려는 …

196 css  responsive-design  background-image  image-resizing 

이 패널을 선택하면 (클릭 한 경우) 파란색으로 표시된 패널이 있습니다. 또한 .png해당 패널에 작은 기호 ( 이미지)를 추가 하여 선택한 패널이 이전에 이미 선택되었음을 나타냅니다. 따라서 사용자가 예를 들어 10 개의 패널을보고 4 개의 패널에이 작은 부호가 있으면 이전에 이미 해당 패널을 클릭 한 것을 알고 있습니다. 이것은 지금까지 잘 …

169 css  background  background-image  background-color 

background-imageSVG <path>요소에 대해 를 설정할 수 있습니까? 예를 들어 element를 설정하면 class="wall"CSS 스타일이 .wall {fill: red;}작동하지만 작동 .wall{background-image: url(wall.jpg)}하지 않습니다 .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Chrome의 스크롤 막대 버튼에있는 이미지를 회전하고 싶습니다. 이제이 내용의 CSS가 있습니다. ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } 내용을 회전시키지 않고 이미지를 회전하고 싶습니다.

160 css  background-image  image-rotation 

내 목표는 "사진 프레임"과 유사한 HTML 페이지를 만드는 것입니다. 즉, 4 장의 사진으로 둘러싸인 빈 페이지를 만들고 싶습니다. 이것은 내 코드입니다. <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> CSS 클래스는 다음과 같습니다. …

141 html  css  html-table  background-image 

CSS 전환을 사용하여 "페이드 인 페이드 아웃"효과를 만들려고합니다. 그러나 나는 이것을 배경 이미지와 함께 작동시킬 수 없습니다 ... CSS : .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title …

122 css  background  background-image  css-transitions 

배경 이미지를 다른 div로 설정하고 싶지만 내 문제는 다음과 같습니다. 이미지의 크기는 고정 (60px)입니다. 다양한 div 크기 div의 전체 배경을 채우기 위해 배경 이미지를 늘리려면 어떻게해야합니까? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } 여기에서 코드를 확인하세요.

102 css  html  background  background-image