`

HTML 页面滚动时背景图片不会移动

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
	/*兼容IE6+,火狐,谷歌,欧朋,苹果*/
	background: url(bg.jpg) no-repeat center top fixed;
	/*background-attachment: fixed;*/
	/*background-attachment :定义背景图片随滚动轴的移动方式
	取值: scroll | fixed | inherit
	scroll: 默认值。背景图像会随着页面其余部分的滚动而移动。
	fixed: 当页面的其余部分滚动时,背景图像不会移动。
	inherit: 继承初始值: scroll(任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。)
	继承性: 否
	适用于: 所有元素*/
}
</style>
</head>
<body>
<div style="height: 10000px;"></div>
</body>
</html>

 

效果图:

 

 

 

 

 

 

  • 大小: 685.9 KB
1
0
分享到:
评论

相关推荐

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动.html 如何设定打开页面的大小.html 屏蔽功能键Shift,Alt,Ctr.html 屏蔽鼠标右键.html 怎么判断是否是字符.html 怎样让表单没有凹凸感.html 改变...

    零基础学HTML CSS源代码

    设置背景图像滚动.html 设置背景图像滚动。 设置背景图像铺排.html 设置背景图像铺排。 设置背景图像位置.html 设置背景图像位置。 设置背景颜色.html 设置背景颜色。 背景实例手把手.html ...

    此作品为html,效果是彩色粒子风暴,请大家支持我,谢谢

    整个效果可以通过JavaScript来触发和控制,使得粒子能够随着鼠标移动、页面滚动或者其他事件进行相应的动态展示。HTML粒子风暴通常用于网站背景、页面特效和动画等场景,为页面增加了一种动感和视觉吸引力。 HTML...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 (4)背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...

    fullscreen-landing-page:全屏背景图像的简单响应式登陆页面,可随内容滚动。 移动优先

    关于 一个简单的响应式登录页面,带有全屏背景图像,可随内容滚动。 移动优先。

    javascript网页特效实例大全

    4.20 关闭页面时弹出时间警告框 85 4.21 显示在按钮上的时间 86 4.22 计算出生时间 88 4.23 计算几天后将是什么日期 92 第5章 鼠标类特效 95 5.1 让鼠标悬停来开关窗口 96 5.2 鼠标的十字星准星 96 5.3 鼠标...

    javascript大全---个人认为是很全了

    包括以下javascript例子: 实现多级关联选择地址 js代码-全国省市县无刷新...页面滚动效果.htm 页面装载效果.htm 页面自动跳转的.htm 在站内停留时间.htm 状态栏显示.htm 状态栏显示链接内容.htm 自动计算的例子.htm

    JavaScript网页特效范例宝典源码

    实例221 当鼠标经过图片时显示图片 344 实例222 改变图片获取焦点时的状态 345 实例223 抖动的图片 346 实例224 鼠标移动放大图片 347 8.3 图片与时间相关操作 349 实例225 定时隐藏图片 349 实例226 根据时间变换...

    HTML5音乐播放器

    自己用 html5+css3+javascript+jqurey写的一个音乐播放器,包含功能有列表,歌词同步滚动,进度条拖动等,背景用了一个雪花插件,列表是自己随便做的,喜欢的就下载吧

    超实用的jQuery代码段

    8.6 页面滚动时加载新的网页内容 8.7 打造自己的站内搜索引擎 8.8 异步加载并解析XML文件 8.9 动态加载HTML内容到标签页中 8.10 使用AJAX刷新异步提交表单 8.11 使用AJAX刷新上传图片 8.12 使用AJAX刷新验证PHP会话...

    Parallax_Website_Single_Page.github.io:这是一个基于Udemy课程的项目,在该课程中,我学习了如何使用视差效果以及主要使用HTML,CSS,Javascript和JQuery滚动动画。 是一个非常简单的页面,但是可以在所有屏幕尺寸下完全响应

    网站开发建立单页网站视差网站目的: 这是一个基于Udemy课程的项目,我在那里学习了如何使用视差效果和主要使用HTML,CSS,Javascript和...需要将来的更新: 固定位置oin背景oin移动设备上的优化。 视差效果出现问题。

    JQuery&CSS;&CSS;+DIV实例大全.rar

    41.jquery拖动滚动条控制图片滚动及图片放大特效的示例 42.jquery旋转式图片切换并带图片放大功能 43.jQuery漂亮网页右上角双层撕角广告代码 44.jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片...

    IE6特有bug兼容性问题整理

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

    《程序天下:JavaScript实例自学手册》光盘源码

    15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例...

    sike-css0to1-profile:http

    锁死页面在移动设备显示宽度 引入了, 在默认HTML元素样式上提供了跨浏览器的高度一致性 固定背景 固定背景两种实现方式: 元素固定,背景不做特殊处理 背景固定,元素不做特殊处理 body { background-image: url("/...

    程序天下:JavaScript实例自学手册

    15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例...

    jQuery攻略.pdf

    166 6.4 创建图片,使它向左滚动消失,然后从右侧重新出现 169 6.5 使图片在浏览器窗口中间滚动 171 6.6 在鼠标悬停时依次显示图片 172 6.7 垂直滚动图片 175 6.8 水平滚动图片 179 6.9 创建新闻滚动浏览器 183 6.10...

Global site tag (gtag.js) - Google Analytics