IE 배경 크기가 작동하지 않습니다.

전신을 늘리려 고 노력하고 있습니다 (폭만). Chrome, Opera 및 Firefox에서만 작동합니다. IE에서이 작업을 수행하려면 어떻게해야합니까? O_oIE 배경 크기가 작동하지 않습니다.

background-size:100%; 
-moz-background-size: auto 100%; 
-o-background-size: auto 100%;

출처

2011-01-26 Cristy

IE9에서 일하고 있습니까? 다른 점은 CSS3 마크 업입니다. 그래서 아무도 할 수 없습니다. – Marnix

배경 크기는 CSS3 특정 당신 거이기 때문에이

당신이 함께 fullscreened 원하는 이미지를 포장

html {overflow-y:hidden} 
body {overflow-y:auto}

에 HTML과 몸을 설정 IE에서 작동하도록이 같은 것을 사용해야 사업부 번호 페이지-배경

#page-background {position:absolute; z-index:-1}

는 HTML 파일에 넣고

<div id="page-background"> 
    <img src="/path/to/your/image" width="100%" height="100%"> 
</div>

** 당신은 내가 jquery.backgroundSize.js 생성이

html, body {height:100%; margin:0; padding:0;}

출처

2011-01-26 15:32:55 daniel

그래, 이미 읽었 어. 나는 css-only 해결책이 있다고 생각했다 : D. 고마워 어쨌든 – Cristy

under 9의 IE에서는 background-size가 지원되지 않습니다. 크로스 브라우저 솔루션은 fullscreenr과 같은 jquery 플러그인을 사용하는 것입니다.

출처

2011-01-26 15:29:25 Sotiris

좋아, 그럼이 IE8 사용자는 무시하겠습니다. :)) : D – Cristy

처럼 마진과 패딩, 무언가를 제거하기 위해 리셋의 일종을 사용해야합니다 :위한 IE8 대체으로 사용할 수있는 1.5K jQuery 플러그인을 "커버"와 "포함"값. demo을 확인하십시오.

출처

2012-04-13 19:17:13

안녕 루이, 나는 당신의 코드를 사용하여 시도했지만 IE 8 브라우저의 바닥에 설명 할 수없는 공간이 있습니다. inspect 요소 콘솔을 열고 닫으면 완벽하게 찾을 수있는 전체 화면이 표시됩니다. 하지만 페이지가로드되면 전체 화면이 아니며 하단에 약간의 공간이 있습니다. 또한, 페이지로드시 이미지의 상단이 잘리는 경우 이미지의 하단 9/10과 상단 1/10이 표시되지 않는 것으로 나타났습니다. inspect 요소 콘솔을 토글 한 후 이미지의 10/10를 표시합니다. 그것을 고칠 방법이 있습니까? 당신이 내가 말하는 것을 이해하기를 바랍니다. – Dr3am3rz

IE 배경 크기가 작동하지 않습니다.

답변

관련 문제