z-index

1.必须首先开启定位

2.z-index可以指定一个整数作为参数，值越 大元素显示的优先级越高，也就是z-index 值较大的元素会显示在网页的最上层。<父子元素之间子元素级别高于父元素 兄弟元素比较z-index的值>

<对于同类的元素写在后边元素的层级高 设置样式会盖住前边的样式>

---

透明背景

opacity： <取值范围0-1>

兼容IE6低版本

filter:alpha(opacity:取值范围1-100)

设置背景

background-image：url(1.jpg) 相对路径

如果图片尺寸小于背景图片会平铺 图片尺寸大于背景显示左上角部分

<background-repeat>

用于控制背景图片的 重复方式

repeat：默认值，图片左右上下平铺

no-repeat：只显示图片一次，不会平铺

repeat-x：沿x轴水平平铺一张图片

repeat-y：沿y轴水平平铺一张图片

<background-position>

background-position用来精确控制背景 图片在元素中的位置。

可以通过三种方式来确定图片在水平方向 和垂直方向的起点。

关键字：top right bottom left center

百分比：  x% y% 第一个值是水平位置，第二个值是垂直位置 左上角是 0% 0%。右下角是 100% 100% 如果仅规定了一个值，另一个值将是 50

数值： xpos ypos <可以给定正值负值>第一个值是水平位置，第二个值是垂直位置 左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位 如果您规定了一个值，另一个值将是50%  可以混合使用 % 和 position 值

<background-attachment>

background-attachment用来设置背景图 片是否随页面滚动<一般给body设置>

可选值：

scroll：随页面滚动

fixed：不随页面滚动