代码之家 › 专栏 › 技术社区 › diggersworld

CSS3 Internet Explorer缩放背景筛选器:

css3 background filter internet-explorer css

diggersworld · 技术社区 · 14 年前

我试图拉伸背景图像,使其始终填充窗口。

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

1 回复 | 直到 14 年前

diggersworld 14 年前

我想出来了。

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

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

2 年前

Error 1004 · 使用VBA从HTML中提取信息

6 年前

myroslav · IE11中Angular 4应用程序崩溃

6 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

6 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

6 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

6 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

6 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

6 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

6 年前

sankar · IE不显示abbr标记的边框底部

6 年前