这里header已经定位到了div2的上部，只不过div2跟随div4有了margin-top:30px的效果而已。详细原理及解决方法参照：[链接]

bfc.. 给div2加上overflow:hidden或者display:table-cell再或者边框都行.

如果兼容html5，可以使用pushState来做[链接]

[链接]

你的 HTML 写的是 html > body > div.container > div > ol/ul > li 这样的吧？这个很正常呀，一个子标签的的某些属性就是应该一级一级的继承父标签的属性呀。上面说的是 li 中的元素属性依次继承了 div div.container body html的属性。只不过某些属...

你的 HTML 写的是 html > body > div.container > div > ol/ul > li 这样的吧？这个很正常呀，一个子标签的的某些属性就是应该一级一级的继承父标签的属性呀。上面说的是 li 中的元素属性依次继承了 div div.container body html的属性。只不过某些属...

用 jpeg，设置压缩率 图片切片，组合成一张大图 用 CDN 加速

在PS里，存为图片的时候使用“连续”

图片写在css里。然后如一楼。图片可以用tinypng压缩下

色彩单纯，编码成文本，压缩传输。

用 jpeg，设置压缩率 图片切片，组合成一张大图 用 CDN 加速

{代码...} 背景图足够大即可~

如果把absolute定位换成fixed定位的话，那或许更赞…… 或者呢，直接把background写到html标签里，更直接……

楼主这个方法目测是目前最好的，我也一直用的这种。或者说通过JS算。。。

[链接]

.body-big{width:100vw;height:100vh;min-width:1024px;min-height:600px;}Img{width:100%;height:100%;}