CSS实现背景不随浏览器滚动的方法
来源:互联网 发布:淘宝直播怎么开 编辑:程序博客网 时间:2024/06/05 11:06
background不随浏览器滚动的代码如下:
CSS代码
- body { background:url(背景图片地址) no-repeat fixed center top; margin:0; padding:0; }
只需要一个核心代码就实现了背景不随浏览器滚动,兼容了IE6+浏览器, 其核心代码为:background-attachment: fixed;
无论滚动条如何拖动,背景图片始终牢牢固定在页面上。
IE6浏览器实现背景不随浏览器滚动的代码:
JavaScript代码
- <script type="text/javascript">var scrollBackground = true;</script>
阅读全文
0 0
- CSS实现背景不随浏览器滚动的方法
- 滚动背景的实现
- js+css实现的自定义浏览器滚动条
- 浏览器有水平滚动条时,把滚动条滑到最右边后,右边的背景颜色不显示解决方案,缩小窗口,拉动下方滚动条,背景缺失解决方案
- 设置背景图片不随浏览器放大而改变(背景固定,只上层div滚动)
- 固定背景实现的背景滚动特效
- 利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪
- css实现美化浏览器滚动条
- 让浏览器不加载缓存CSS和JS的方法
- 背景不滚动
- jQuery实现中间登录层随网页滚动背景变暗(兼容各种浏览器)
- css实现背景透明,文字不透明的两种方法
- css 控制浮动层 不随滚动条的滚动而滚动
- 悬停效果 静止不动 不随滚动条滚动 纯css实现
- 悬停效果 静止不动 不随滚动条滚动 纯css实现
- css设置浏览器的滚动条样式
- css设置浏览器滚动条的样式
- 利用CSS固定背景交替实现视差滚动效果
- 四四、关于Webstorm webpack不能自动热更新问题
- Handler消息传递机制之Looper简介
- tesseract-ocr字库训练图文讲解
- 命名实体识别评估指标
- vue-cli-webpack模板配置全解析-2
- CSS实现背景不随浏览器滚动的方法
- java.lang.ClassCastException(java强制类型转换异常)
- Java多线程-多线程的引入
- php smarty web服务开发问题汇总
- js基于谷歌地图API绘制可编辑圆形与多边形
- FAT12中文件目录项时间、日期对应字节问题
- 神龙云服务器,值得期待
- Android Framework解析
- HDACM 1040 As Easy As A+B