3

我目前正在构建一个视差站点，由于使用背景大小，它适用于除 IE8 之外的所有浏览器。

我尝试过 ms 过滤器，只是想知道其他人是否有解决方案。

section {
width: 100%;
position: relative;
overflow-x: hidden;
z-index: 0;

}

.parallax__one {
background: url("../Images/parallex__bg__1.png") 0px 0 no-repeat fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(     src='../Images/parallex__bg__1.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../Images/parallex__bg__1.png', sizingMethod='scale')";
    /* background size */
    -webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;

}

4

1 回答 1

0

background-size 在IE8中不起作用

您将不得不使用类似这种polyfill的东西。

https://github.com/louisremi/background-size-polyfill

自述文件中的说明：

上传backgroundsize.min.htc到您的网站，连同.htaccess将发送 IE 所需的 mime 类型（仅限 Apache - 它内置在 nginx、node 和 IIS 中）。

在 CSS 中使用的任何地方background-size，都添加对这个文件的引用。

.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
}

以这种方式设置样式的元素应该有一个position: relative;orposition: fixed;和一个 z-index。如果没有，他们将得到一个position: relative;and z-index: 0;。

于 2014-03-19T22:15:36.130 回答