元素的层级和背景图片

z-index(数值)设置元素层级

• 设置层级后，父元素层级在高也不会盖住子元素
• 如果定位元素的层级是一样，则下边的元素会盖住上边的
• 通过z-index属性可以用来设置元素的层级
• 可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示
• 对于没有开启定位的元素不能使用z-index

opacity设置元素透明背景

opacity可以用来设置元素背景的透明，它需要一个0-1之间的值：

• 参数：0表示完全透明，1表示完全不透明，0.5表示半透明

在IE6中这种方法不支持，所以有下面的方法：

• filter: alpha(opacity=50);
• 透明度，需要一个0-100之间的值，0表示完全透明，100表示完全不透明，50表示半透明

background-image设置背景图片

语法：background-image：url（相对路径）

代码：background-image: url(img/1.png);

background-repeat：用来设置图片的重复方式
可选值：

• repeat，默认值，背景图片会双方向重复（平铺）
• no-repeat，背景图片不会重复，有多大就显示多大
• repeat-x， 背景图片沿水平方向重复
• repeat-y，背景图片沿垂直方向重复