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%;} 
+1

化背景大小支持'inherit'不IE7支持和'背景size'不suppo在IE7和8里面。 – BoltClock

回答