CSS3 Internet Explorer缩放后台过滤器：

我试图拉伸背景图片，以便它始终填满窗口。CSS3 Internet Explorer缩放后台过滤器：

使用CSS3我已经在Mozilla和Chrome中管理它，但是在IE中挣扎。我在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：

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'); 
}

我使用IE8。

来源

2010-11-26 diggersworld

我想通了。

使用过滤器时图像的路径是相对于HTML页面而不是CSS文件。

来源

2010-11-26 15:04:12 diggersworld

绝对路径也有效 – 2014-01-06 22:17:47

CSS3 Internet Explorer缩放后台过滤器：

回答

相关问题