一聚教程网:一个值得你收藏的教程网站

热门教程

CSS网页背景不随浏览器滚动

时间:2022-06-25 09:37:00 编辑:袖梨 来源:一聚教程网

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

CSS代码

 代码如下 复制代码
body { background:url(背景图片地址) no-repeat fixed center top; margin:0; padding:0; } 

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

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


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

JavaScript代码

 代码如下 复制代码

热门栏目