考虑一下:http: //jsfiddle.net/yP7Nf
示例代码:
<div class="first"><img src="http://placekitten.com/g/200/300"/></div>
<div class="second"></div>
<div class="third"></div>
.first {
background-color: #a6a6a6;
height: 600px;
background-attachment: fixed;
background-image: url("http://placehold.it/1000x500");
}
.second {
background-color: #fff;
min-height: 500px;
}
.third {
background-color: #ff0000;
min-height: 500px;
background-attachment: fixed;
}
我希望猫图片保持粘性,以便第二个 div('.second')可以像覆盖背景一样覆盖它。
我想模拟与背景附件相同的行为:用猫图片固定。
帮助。