0
我已經使用了一個簡單的CSS視差效果example,它可以在除IE7 + 8之外的所有瀏覽器中工作。是否有解決方法或僅僅是不支持?IE7不支持Parallax CSS效果?
<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支持和'背景size'不suppo在IE7和8裏面。 – BoltClock