CSS固定背景图片不跟随浏览器的滚动

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

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

CSS代码

 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代码

 JavaScript

<script type="text/javascript">var scrollBackground = true;</script>

本站提供的一切软件、教程和内容信息都来自网络收集整理与用户投稿，仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，版权争议与本站无关。用户必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！