CSS固定背景图片不跟随浏览器的滚动
看过很多博客、微博和QQ空间里面,很多人都给自己的小窝设置了固定背景,不随浏览器滚动,实现的方法除了Javascript,CSS也可以轻松实现。
background不随浏览器滚动的代码如下:
CSS代码

body {background:url(背景图片地址) no-repeat fixed center top;margin:0;padding:0;}
只需要一个核心代码就实现了背景不随浏览器滚动,兼容了IE6+浏览器, 其核心代码为:background-attachment: fixed;
无论滚动条如何拖动,背景图片始终牢牢固定在页面上。
目前绝大部分人都在用宽屏浏览器,所以我们设置的背景最好选择在1920*1080大小较为合适,无论是微博还是QQ空间,用户关注的是中间的文章,选择背景要挑选主题画面偏向两边的,使其让人显而易见,才能起到画龙点睛的作用。
如果你用其他的方法不能解决IE6背景不随浏览器滚动,不妨试试上面的CSS代码,或者用下面的JS来解决。
IE6浏览器实现背景不随浏览器滚动的代码:
JavaScript代码

<script type="text/javascript">var scrollBackground = true;</script>
发表评论

小秋同学
不予博名 做好自己
热门文章
很奇怪的问题,关于zblog统计数量不准已经不是一天两天的事了,但是不知道什么原因,zblog1.6...
美好而艰辛的大学生活犹如漏斗中的沙石已悄然流进昨日.下面,小编在这给大家带来大学生2020年个人总结...
这是一个非常OK的特效,网页动态粒子线条联动特效,具体可以插件本官网【可能已经随模板更换了】。具体方...
给网站添加一个活动倒计时效果 线报活动结束提示效果因为考虑到大家一些网站没有使用jq,或者jq版本低...
接着刚才的话题,安装完操作系统之后发启动的速度并没有什么变化,感觉是快了些,但是腾讯电脑管家不显示开...
学习不一定使你妈快乐,但一定能使你妈精分文|十三姐公众号|格十三(GSSW13) 上周每天有人给我发...