“CSS 2.1 参考手册/background-attachment”的版本间的差异

来自Blueidea
跳转至: 导航搜索
(新页面: ==定义== background-attachment属性定义在浏览器背景图片是滚动还是固定位置。下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属...)
 
定义: 增加图片
第1行: 第1行:
 
==定义==
 
==定义==
 
background-attachment属性定义在浏览器背景图片是滚动还是固定位置。下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置了fixed,当浏览器滚动的时候,图片不会移动。
 
background-attachment属性定义在浏览器背景图片是滚动还是固定位置。下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置了fixed,当浏览器滚动的时候,图片不会移动。
 +
 +
[[Image:css Background-attachment-fixed.gif]]
  
 
下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。
 
下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。
 +
 +
[[Image:css Background-attachment-scroll.gif]]
 +
 
==案例==
 
==案例==
 
<source lang="css">
 
<source lang="css">

2007-09-04T12:51:57的版本

定义

background-attachment属性定义在浏览器背景图片是滚动还是固定位置。下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置了fixed,当浏览器滚动的时候,图片不会移动。

css Background-attachment-fixed.gif

下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。

css Background-attachment-scroll.gif

案例

body {
background: white url('images/giraffe.gif');
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}

特性

可能的值

scroll

背景图片不随着浏览器的滚动而移动

fixed

背景图片固定在浏览器的某个位置。

继承

继承上一个父对象相应属性值

默认值

scroll

适用于

所有元素

继承

另见