CSS背景:background-attachment

2016-02-19 16:38 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的CSS背景:background-attachment,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

语法:

background-attachment : scroll | fixed

取值:

scroll : 默认值。背景图像是随对象内容滚动

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

fixed : 背景图像固定

说明:

设置或检索背景图像是随对象内容滚动还是固定的。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

请参阅 bgProperties 属性(特性)。对应的脚本特性为 backgroundAttachment 。

示例:

html { background-image: url("anasazi.tif"); background-attachment: fixed; }
body { background-attachment: scroll; }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1612625.html

延伸阅读
标签: Web开发
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性: background-color出现在前面。  back...
标签: Web开发
  原文:http://www.planabc.net/2008/04/14/background-clip_background-origin/ background-clip 和 background-origin 是 CSS3 中新加的 background module属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为: ...
标签: Web开发
css2.0 中的 background-position 大家用到过吗?怎么用的?用在哪里?js控制图片切换有两个缺陷:1.有时后切换缓慢,需要预载解决;2.要制作2-3套图片 看看怎么用 background-position 解决这个问题,实现快速"切换",这里只用到一张图片 至于代码中的font:10px/1也是不常见的用法 可以参考这里:http://www.w3.org/Sty...
标签: Web开发
background-position的说明:     设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。     默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左...
标签: Web开发
change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equi...

经验教程

62

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部