전체 화면으로 확장되는 CSS를 통해 이미지를로드하고 싶습니다. css :IE 8 이하에서 배경 이미지 늘이기
body {
background: url(images/reelgoodguide2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: auto;
margin: 0px;
padding: 0px;
}
Chrome, Firefox 및 IE9에서 완벽하게 작동합니다.
브라우저가 IE8 또는 IE7 인 경우 추가 CSS 파일을 포함하는 조건이 HTML에 있습니다. 이 CSS에는 다음이 포함
body{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reelgoodguide2.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reelgoodguide2.jpg', sizingMethod='scale')";
}
하지만 그 대신 alphaimageloader의
전체 화면으로 이미지를 스트레칭, 이미지 중심의 남아를하고 크기를 조정하지 않습니다.참고 : 개발자 도구를 열면 CSS 파일이 있음을 알 수 있습니다. 필터 속성을 비활성화하면 아무 일도 일어나지 않습니다. 임이 틀리면 어떤 조언을할까요?
미리 감사드립니다.
오 마이 갓! 나는 이것을 읽을 때까지 모든 것을 시도해 보았습니다. 나는 당신에게 하나의 의향이 있습니다. – Brent