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

CSS代码
来源：站三界导航
141阅读
2022-07-01

记忆中，我们看过很多博客、微博和QQ空间里面，很多人都给自己的小窝设置了固定背景，不随浏览器滚动，实现的方法除了javascript，CSS也可以轻松实现。
background不随浏览器滚动的代码如下：

CSS代码

body { word">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>

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/8958.html

1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。

2、本站仅提供信息发布平台，不承担相关法律责任。

3、若侵犯您的版权或隐私，请联系本站管理员删除。

4、本文由会员转载自互联网，如果您是文章原创作者，请联系本站注明您的版权信息。

上一篇：禁止相关来路域名访问JS代码

下一篇：简单的PHP实现域名授权的两种方法