利用rgba和filter設置CSS背景顏色半透明且不影響子元素，兼容IE6-8

目的須要，須要一個背景半透明的效果，因而立刻想到「opacity:0.5″等等，爲兼容IE可能還會用到filter,如:

filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;

上面的是能夠達到半透明的效果，可是會影響裏面的子元素也半透明，例如DIV裏面的文字也半透明瞭，這不是我想要的

上英文google.com翻閱半天，稍加總結和修改，終於功夫不負有心人，實現了能夠兼容各瀏覽器，達到背景顏色半透明而不影響子元素的代碼，以下：

background:rgba(0,0,0,0.6);background: transparent\9;zoom:1\8; /* required for the filters */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */

上面的代碼利用了rgba的半透明效果，爲了兼容IE使用filter。

注意：這裏的方法只是對背景顏色來講的，對於背景圖片半透明不適用，背景圖片半透明能夠採用透明的png圖片!