«background-image» 태그된 질문

background-image CSS 속성은 요소에 대해 하나 이상의 배경 이미지를 설정합니다.

12
브라우저가 CSS에서 배경 이미지를 인쇄하도록하려면 어떻게해야합니까?
이 질문 은 이전에 요청 되었지만 내 경우에는 해결책이 적용되지 않습니다. 특정 배경 이미지가 페이지에 통합되어 인쇄되도록하고 싶습니다. (CSS 스프라이트로 사용되는 이미지가 여러 개 있기 때문에 페이지에서 직접 이미지가 아닙니다.) 같은 질문에 대한 또 다른 해결책 list-style-image은 모든 아이콘에 대해 다른 이미지가있는 경우에만 작동하며 CSS 스프라이트가 불가능한 경우에만 작동하는을 사용하는 …

8
Google 크롬 확장 프로그램-CSS로 로컬 이미지를로드 할 수 없습니다.
콘텐츠 스크립트 기능을 사용하여 웹 사이트를 수정하는 간단한 Chrome 확장 프로그램이 있습니다. 더 구체적으로, background-image상기 웹 사이트의. 어떤 이유로 든 확장 프로그램에 포함되어 있어도 로컬 이미지를 사용할 수없는 것 같습니다. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } 그게 가장 간단한 CSS입니다 ...하지만 작동하지 않습니다. 브라우저가 이미지를로드하지 않습니다.

5
Android : 선택기에서 비활성화 된 버튼의 textColor가 표시되지 않습니까?
선택기로 버튼을 만들려고합니다. 내 버튼의 상태는 다음과 같습니다. 활성화 / 비활성화 누름 / 눌리지 않음 위에서 언급 한 상태에 따르면. 버튼을 조작해야합니다. 텍스트 색상 배경 이미지 버튼은 비활성화 된 상태에서 시작되므로 비활성화 된 textColor 및 비활성화 된 버튼 배경이 있어야합니다. 하지만 기본 textColor (스타일로 지정됨)와 배경 이미지 없음을 볼 수 …

13
전체 HTML 요소를 덮도록 배경 이미지를 늘리려면 어떻게합니까?
전체 너비와 높이를 늘리기 위해 HTML 요소 (body, div 등)의 배경 이미지를 얻으려고합니다. 운이별로 없습니다. 가능하거나 배경 이미지 외에 다른 방식으로해야합니까? 내 현재 CSS는 다음과 같습니다. body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 미리 감사드립니다. 편집 : Gabriel의 제안에서 CSS를 유지하는 데 열심이 아니므로 대신 페이지의 레이아웃을 …


8
높이가 '자동'인 100 % 너비 배경 이미지
현재 회사의 모바일 랜딩 페이지를 작업하고 있습니다. 정말 기본적인 레이아웃이지만 헤더 아래에는 항상 너비가 100 % 인 제품 이미지가 있습니다 (디자인은 항상 가장자리에서 가장자리로 이동 함을 보여줍니다). 화면의 너비에 따라 이미지의 높이가 그에 따라 분명히 조정됩니다. 저는 원래 img (CSS 너비가 100 %)로이 작업을 수행했으며 훌륭하게 작동했지만 미디어 쿼리를 사용하여 …

8
div의 배경 이미지에만 불투명도를 설정할 수 있습니까?
내가 가지고 있다고하자 <div class="myDiv">Hi there</div> 내가 데려 가고 싶다는 background-image과 그 줄 opacity의를 0.5-하지만 난 내가 쓴 텍스트 (완전 불투명있을 것이라는 점을합니다 1). 이렇게 CSS를 작성하면 .myDiv { opacity:0.5 } 모든 것이 낮은 불투명도로 될 것 입니다 – 그리고 저는 그것을 원하지 않습니다. 그래서 제 질문은 – 완전 불투명 …


9
배경 이미지를 base64로 인코딩 된 이미지로 설정하는 방법이 있습니까?
JS에서 동적으로 배경을 변경하고 싶습니다. 내 이미지 세트는 base64로 인코딩되어 있습니다. 나는 시도한다 : document.getElementById("bg_image").style.backgroundImage = "url('http://amigo.com/300107-2853.jpg')"; 완벽한 결과로 그러나 나는 다음과 같이 똑같이하지 못한다. document.getElementById("bg_image").style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE...')"; ...도 아니다 document.getElementById("bg_image").style.backgroundImage = "data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE..."; 할 방법이 있습니까?

8
HTML 데이터 속성을 사용하여 CSS 배경 이미지 URL 설정
저는 친구를위한 사용자 지정 사진 갤러리를 만들 계획이며 HTML을 어떻게 제작할지 정확히 알고 있지만 CSS에 작은 문제가 있습니다. (가능한 경우 페이지 스타일링이 jQuery에 의존하지 않는 것을 선호합니다) 내 질문은 : CSS의 Data-AttributeHTML Background-image 내 HTML 축소판에이 형식을 사용하고 있습니다. <div class="thumb" data-image-src="images/img.jpg"></div> CSS가 다음과 같이 보일 것이라고 가정합니다. .thumb { …

7
배경 이미지 : 이미지가 작거나 그 반대 인 경우 전체 div를 채우는 방법
세 가지 문제가 있습니다. 작은 크기의 div에서 배경 이미지를 사용하려고하면 div에 이미지의 일부만 표시됩니다. 이미지의 전체 또는 특정 부분을 표시하려면 어떻게해야합니까? 더 작은 이미지가 있고 더 큰 div에서 사용하고 싶습니다. 그러나 반복 기능을 사용하고 싶지 않습니다. CSS에서 이미지의 불투명도를 조작하는 방법이 있습니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.