用CSS3实现背景的固定

今天放假了,正好最近养成了没事泡泡博客园的习惯,自己也有了博客。。不得不吐槽一下博客园为什么页面这么古朴,,带的几个模版也没啥意思,反正不符合我口味,幸亏后台提供了编辑CSS的功能,于是我就搬来现有的模板自己改了改CSS,当加背景时遇到了一点问题,背景内容一多拉滚动条背景也跟着跑,并且背景也没有拉伸到整个页面,几经摸索,终于找到了解决办法,用CSS3的background-size、background-attrachment、background-repeat即可实现

1 body{
2 background:url("指定你的背景路径");
3 background-size:cover;//填充背景至父容器
4 background-attachment:fixed;//防止跟着滚动条跑
5 background-repeat:no-repeat;//防止重复
6 }

 

注意:这条CSS需要CSS3支持(。。现在360这么狂轰滥炸恐怕也没几个人不用360浏览器了,360浏览器默认的是Chrome内核所以没问题)

效果就像我的博客现在的背景

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。