Question

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

使用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。

Answer 1

我明白了。

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

CSS3 Internet Explorer缩放背景过滤器：

1 个答案: