2012-04-11 10 views
1

이미지를 브라우저의 최대 높이에 맞게 CSS로 확장하고 싶지만 최대 높이 : 100 %는 Firefox 및 IE에서 작동하지 않습니다. 둘 다 최신 버전입니다. FF 및 IE에서는 이미지가 원래 크기로 표시됩니다. 너무 큽니다. 최대 높이 : 100 %는 Chrome에만 유효합니다. 또는 이에 대한 해결책이 있습니까?max-height : 100 %가 firefox 및 IE에서 작동하지 않습니다.

background-size : cover가 내가 알고 싶은 것이 아니기 때문에 배경 이미지가 아닙니다.

추신 : 브라우저의 너비에 맞게 이미지가 필요하지 않습니다. 최대 높이 : 100 %.

+0

높이 : 100 %; 상속 문제가없는 한 – buymypies

답변

0

희망이 도움이됩니다!

#background{ 
position:absolute; 
height:100%; 
width: 100%; 
top:0px //Adjust this value 
margin-left:0px; //Adjust this value 
} 
+0

그것은 작동합니다! 고마워! – shu

+0

당신은 환영합니다 – John

+0

아, 위치 : 절대 작품하지만 난 항상뿐만 아니라 브라우저의 중심에 이미지를 넣고 싶습니다. position : absolute를 사용하면 #img {margin : 0 auto; } 작동하지 않습니다. 어떻게 해결할 수 있습니까? – shu

관련 문제