2017-10-04 1 views
-2

CSS 만 사용하여 배경 이미지의 너비와 높이에 맞게 div를 늘릴 수 있습니까? 그리고 그렇다면, 어떻게?
Div의 너비와 높이가 설정되지 않았습니다.배경 이미지에 맞게 수정 시작

나는 이 아니며은 div로 이미지의 크기를 조정하는 방법을 묻습니다.
저는 이 아닙니다. 특정 너비와 높이의 div로 이미지의 크기를 조정하는 방법을 묻습니다.

즉.

<div class="banner" 
     styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)"> 
    </div> 
+0

img 태그를 사용하여 이미지를 배경 이미지로 표시하지 않는 이유는 무엇입니까? 여기에 유스 케이스는 무엇입니까? –

+0

배경 사용 : 표지; 또한 div 대신 auto 대신 min-height를 사용합니다. –

+2

* 오직 * CSS? 아니, 할 수 없다. – HaukurHaf

답변

1

나는 제안이 있지만 좋은 방법이 아닐 수 있습니다.

DIV 안에 태그와 동일한 이미지를 넣으십시오. 따라서 컨테이너 div는 동일한 크기를가집니다. 그런 다음 제로 불투명도를 만들고 아래의 '없음'과 같은 포인터 이벤트가 될 수 있습니다.

<div class="banner" styles="width: auto; height: auto; background-image: url(unknown-size-img.jpg)"> 
     <img src="unknown-size-img.jpg" alt="image" title="image" style="opacity:0 ; pointer-events: none" /> 
</div> 
+0

님께 서 게시물과 아무런 관련이 없습니다. 안녕하세요, 콘텐츠 레이아웃에 대해 생각하는 것이 좋습니다. over https://jsfiddle.net/yhdpw8v4/;) S없이 속성 스타일 –

관련 문제