`

body背景固定或随滚动条滚动

 
阅读更多

 

body背景写法:
BACKGROUND: url(v_0328_01.gif) #F8FCFB fixed repeat-x;
 

注意加了fixed之后,滚动条滚动时,背景不动,如果不加fixed,背景随滚动条一块移动。

 

固定背景图片的另一种方法:

 

background: url(v_0328_01.gif) repeat-x #F8FCFB;
background-attachment: fixed;
分享到:
评论

相关推荐

    CSS实现导航固定的、左右滑动的滚动条制作方法

    为 body 设置背景,因为微信浏览器默认有个背景色(不是白色),可能会与我们的效果冲突,按需设置背景。 使用 table 通常我们使用 ul、li 作 float,但是当一行显示不下时,要让它不落到第二行的话,比较麻烦,所

    css background-attachment属性进阶

    fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上。 local:背景图相对于元素内容固定, inhert:继承,没什么说的。 该属性可以应用于任何元素。 一、scroll【背景图滚动】 ...

    IE6特有bug兼容性问题整理

    结果IE6下,背景不固定了,只看到背景图片随着滚动条上下移动而移动。演示页面 要解决这个问题呢,也是有办法的,就是将fixed属性转移到html标签上就可以了。即: html{background:white url(../image/404.png) no-...

    基本网页源文件代码注释

    scroll=yes/no 打开或关闭滚动条(IE 4.0) onloab=script 载入文档时启动脚本的事件 onunloab=script 卸载文档时启动脚本的事件 <head>...</head> 标记HTML文档头部的开始和结束 <html>...&lt...

    JavaScript Table行定位效果

    一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code <!DOCTYPE ...

    css入门笔记

    4.auto 自动,溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线 属性:border: 取值: 2、边框倒角 属性:border-radius: 取值: px % 3、边框阴影 属性:box-shadow: 取值: ...

    Bootstrap Modal遮罩弹出层(完整版)

    之前发表过一篇文章叫Bootstrap Modal弹窗代码,其实那个只是一个弹出层...考虑到内容区域需要居中对齐,所以至少要有一个div来定位和显示背景,再用一个div居中内容,内容区域想分成header、body和footer。 ×</

    超实用的jQuery代码段

    5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例203 全屏显示无边框有滚动条窗口 255 实例204 网页拾色器 257 实例205 日期选择器 259 实例206 弹出全屏显示的网页模式对话框 261 实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例203 全屏显示无边框有滚动条窗口 255 实例204 网页拾色器 257 实例205 日期选择器 259 实例206 弹出全屏显示的网页模式对话框 261 实例207 关闭IE主窗口时不弹出询问对话框 262 实例208 弹出提示对话框并重定向...

Global site tag (gtag.js) - Google Analytics