IE7 不支持视差 CSS 效果？答案

【问题标题】：Parallax CSS effect not supported in IE7?IE7 不支持视差 CSS 效果？
【发布时间】：2013-11-15 19:31:47
【问题描述】：

我使用了一个简单的 CSS 视差效果 example，它适用于除 IE7 + 8 之外的所有浏览器。有解决方法还是不支持？

<h1>My Page</h1>
<h2>Flowers, Flowers, Flowers </h2>

<div id="slide4" class="slide" data-stellar-background-ratio="0" data-slide="4"> </div>
    <div id="slide2" class="slide" data-stellar-background-ratio="0.5" data-slide="2"> </div>

<h2>Some text goes here</h2>
<h2>Some text goes here</h2>
<h2>Some text goes here</h2>
<h2>Some text goes here</h2>
<h2>Some text goes here</h2>

#slide4 {background-image: url("http://ibmsmartercommerce.sourceforge.net/wp-content/uploads/2012/09/Roses_Bunch_Of_Flowers.jpeg");
background-size: contain;
float: left;
margin-top:20px;
height: 450px;}

.slide {background-attachment: fixed;
height: 100%;
position: inherit;
width: 100%;}

【问题讨论】：

inherit 在 IE7 中不受支持，background-size 在 IE7 和 8 中不受支持。

标签： html css internet-explorer internet-explorer-8 internet-explorer-7

【解决方案1】：

背景大小不适用于 IE8：http://caniuse.com/#feat=background-img-opts

如果您尝试使用背景尺寸：封面，请查看此帖子：http://css-tricks.com/perfect-full-page-background-image/

你也可以在 ie 8 中使用这个 polyfill 来支持背景尺寸

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

【讨论】：