CSS3 Internet Explorer缩放背景过滤器:

dig*_*rld 4 css internet-explorer background filter css3

我正在尝试拉伸背景图像,因此它总是填满窗口.

使用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>
Run Code Online (Sandbox Code Playgroud)

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');
}
Run Code Online (Sandbox Code Playgroud)

我正在使用IE8.

dig*_*rld 16

我想到了.

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