2010-11-26 6 views
4

배경 이미지가 항상 채워지도록 이미지를 늘리려고합니다.CSS3 Internet Explorer Scale 배경 필터 :

IE3에서 고생하고있는 Mozilla와 Chrome에서 CSS3를 사용하여 관리했습니다. 나는 IE에서 전에이 관리했지만 작동하지의이 시간, 여기 내 HTML과 CSS의 :

HTML5 :

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="description" content=""> 
     <title>IndieCity.com Signup</title> 
     <!-- CSS gets included here --> 
    </head> 
    <body> 
     <div id="background"></div> 
    </body> 
</html> 

CSS : 나는 IE8을 사용하고

div#background { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    min-width: 1024px; 
    min-height: 768px; 
    display: block; 
    background: url(../img/theme1.jpg) no-repeat; 
    background-size: 100%; 
    -moz-background-size: 100%; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/theme1.jpg', sizingMethod='scale'); 
} 

.

답변

16

알아 냈습니다.

필터를 사용할 때 이미지의 경로는 CSS 파일이 아닌 HTML 페이지와 관련이 있습니다.

+0

절대 경로도 작동합니다. –