在Web网页前端开发中使用background-attachment:fixed;样式设置背景图片固定时发现苹果手机浏览器Safari不支持CSS属性background-attachment，这着实有点意外，毕竟background-attachment是个比较老标准的CSS属性。既然不支持，那就只能使用替代方案了，比如可以通过固定定位样式position:fixed;实现。

代码很简单，CSS基础牢固的都能想到或者理解思路。

HTML代码：

CSS代码：

如果想弄减少一个div元素，也可以使用伪元素:before或:after，如：

这样就可以省掉这块代码了。