CSS实现背景不随浏览器滚动的方法

来源:互联网 发布:淘宝直播怎么开 编辑:程序博客网 时间:2024/06/05 11:06

background不随浏览器滚动的代码如下:

CSS代码
  1. body { background:url(背景图片地址) no-repeat fixed center topmargin:0; padding:0; }  

只需要一个核心代码就实现了背景不随浏览器滚动,兼容了IE6+浏览器, 其核心代码为:background-attachment: fixed;

无论滚动条如何拖动,背景图片始终牢牢固定在页面上。


IE6浏览器实现背景不随浏览器滚动的代码:

JavaScript代码
  1. <script type="text/javascript">var scrollBackground = true;</script>  

阅读全文
0 0
原创粉丝点击