元素的層級

如果定位元素的層級是一樣，則下邊的元素會蓋住上邊的
通過z-index屬性可以用來設(shè)置元素的層級
可以為z-index指定一個(gè)正整數(shù)作為值，該值將會作為當(dāng)前元素的層級，層級越高，越優(yōu)先顯示
對于沒有開啟定位的元素不能使用z-index

設(shè)置元素的透明背景

opacity可以用來設(shè)置元素背景的透明，它需要一個(gè)0-1之間的值
0 表示完全透明
1 表示完全不透明
0.5 表示半透明opacity屬性在IE8及以下的瀏覽器中不支持
IE8及以下的瀏覽器需要使用如下屬性代替
alpha(opacity=透明度)
透明度，需要一個(gè)0-100之間的值
0 表示完全透明
100 表示完全不透明
50 半透明
這種方式支持IE6，但是這種效果在IE Tester中無法測試

背景

使用background-image來設(shè)置背景圖片
語法：background-image:url(相對路徑);

• 如果背景圖片大于元素，默認(rèn)會顯示圖片的左上角
• 如果背景圖片和元素一樣大，則會將背景圖片全部顯示
• 如果背景圖片小于元素大小，則會默認(rèn)將背景圖片平鋪以充滿元素
  可以同時(shí)為一個(gè)元素指定背景顏色和背景圖片，這樣背景顏色將會作為背景圖片的底色
  一般情況下設(shè)置背景圖片時(shí)都會同時(shí)指定一個(gè)背景顏色
  background-repeat用于設(shè)置背景圖片的重復(fù)方式

可選值：

repeat，默認(rèn)值，背景圖片會雙方向重復(fù)（平鋪）
no-repeat，背景圖片不會重復(fù)，有多大就顯示多大
repeat-x， 背景圖片沿水平方向重復(fù)
repeat-y，背景圖片沿垂直方向重復(fù)
背景偏移與定位
背景圖片默認(rèn)是貼著元素的左上角顯示
通過background-position可以調(diào)整背景圖片在元素中的位置
可選值：
該屬性可以使用 top right left bottom center中的兩個(gè)值來指定一個(gè)背景圖片的位置 top left 左上
bottom right 右下
如果只給出一個(gè)值，則第二個(gè)值默認(rèn)是center
也可以直接指定兩個(gè)偏移量
第一個(gè)值是水平偏移量

• 如果指定的是一個(gè)正值，則圖片會向右移動(dòng)指定的像素
• 如果指定的是一個(gè)負(fù)值，則圖片會向左移動(dòng)指定的像素
  第二個(gè)是垂直偏移量
• 如果指定的是一個(gè)正值，則圖片會向下移動(dòng)指定的像素
• 如果指定的是一個(gè)負(fù)值，則圖片會向上移動(dòng)指定的像素
  ##背景固定
• 當(dāng)背景圖片的background-attachment設(shè)置為fixed時(shí)， 背景圖片的定位永遠(yuǎn)相對于瀏覽器的窗口