标签:bottom 如何 oca tom str 透明 图像 写在前面 继承
background-color:<color>
默认值:transparent 透明
适用于:所有元素
继承性:无
动画性:是
计算值:指定值
设置或检索对象的背景颜色。
背景图片 background-image
background-image:<bg-image> [ , <bg-image> ]*
<bg-image> = <image> | none
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
设置或检索对象的背景图像。
background-image : url(“http://static.criteo.net/flash/icon/nai_small.png”); // 全URL路径
background-image : url(“/flash/icon/nai_small.png”); // 根路径
background-image : url(“../nai_small.png”) ; // 相对于css文件的路径
background-image : url(../nai_small.png) ; //不写引号
background-image : url(‘../nai_small.png’) ; // 单引号
背景重复 background-repeat
background-repeat:<repeat-style> [ , <repeat-style> ]*
<repeat-style> = repeat-x | repeat-y | [repeat | no-repeat | space | round]{1,2}
默认值:repeat
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
设置或检索对象的背景图像如何铺排填充。必须先指定 <‘ background-image ‘> 属性。
背景跟着内容滚动 background-attachment
background-attachment:<attachment> [ , <attachment> ]*
<attachment> = fixed | scroll | local
默认值:scroll
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
设置或检索背景图像是随对象内容滚动还是固定的。必须先指定 <‘ background-image ‘> 属性。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>background-attachment 背景跟着内容动</title> <style type="text/css"> .parent{ height: 2000px; } .sample{ overflow: scroll; font-size: 22px; margin: 200px; width: 230px; height: 200px; border: 2px solid black; background-image: url(red.png); background-attachment: local; } </style> </head> <body> <div class="parent"> <div class="sample"> Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World </div> </div> </body> </html>
CSS background-color 、image 背景图片
标签:bottom 如何 oca tom str 透明 图像 写在前面 继承
原文地址:http://www.cnblogs.com/qq-757617012/p/6109371.html