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

来自Blueidea
跳转至: 导航搜索
定义: 增加图片
定义
 
(未显示1个用户的3个中间版本)
第4行: 第4行:
 
[[Image:css Background-attachment-fixed.gif]]
 
[[Image:css Background-attachment-fixed.gif]]
  
下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。
+
下面的截图显示一个长颈鹿的背景图片在右下角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。
  
 
[[Image:css Background-attachment-scroll.gif]]
 
[[Image:css Background-attachment-scroll.gif]]
第24行: 第24行:
 
fixed
 
fixed
 
:背景图片固定在浏览器的某个位置。
 
:背景图片固定在浏览器的某个位置。
继承
+
inherit
:继承上一个父对象相应属性值  
+
:继承上一个父对象相应属性值
 +
 
 
===默认值===
 
===默认值===
 
scroll
 
scroll
第38行: 第39行:
 
*[[CSS 2.1 参考手册/background-repeat|background-repeat]]
 
*[[CSS 2.1 参考手册/background-repeat|background-repeat]]
 
*[[CSS 2.1 参考手册/background-position|background-position]]
 
*[[CSS 2.1 参考手册/background-position|background-position]]
 +
*原文地址:http://xhtml.com/en/css/reference/background-attachment
 
[[category:CSS]]
 
[[category:CSS]]

2009-07-24T09:38:16的最后版本

定义

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

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

inherit

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

默认值

scroll

适用于

所有元素

继承

另见