CSS定義div透明度

opacity: value;
filter: alpha(opacity=value);

CSS可以定義div元素的透明度，讓頁面更具有視覺效果，那么這個(gè)透明度又是怎樣設(shè)置的呢？下面我們來看一下具體的實(shí)現(xiàn)方法。

代碼如下：

div{
/*設(shè)置不透明度，取值為0.0-1.0之間，0為完全透明，1為完全不透明*/
opacity: 0.5;
/*設(shè)置透明度， IE9及以上瀏覽器支持*/
filter: alpha(opacity=50);
}

opacity屬性用于定義元素的不透明度。取值為0.0-1.0之間，0為完全透明，1為完全不透明。如果一個(gè)元素的子元素也有透明度，那么其中一個(gè)元素的透明度會(huì)影響到其他元素，導(dǎo)致視覺效果不佳。

由于IE瀏覽器不支持opacity屬性，所以使用filter屬性來設(shè)置透明度。值的取值范圍是0-100之間，由于IE瀏覽器的filter是顏色過濾，所以值要轉(zhuǎn)換成百分比后再使用。如：原本透明度為0.5，表示50%，在IE瀏覽器里應(yīng)寫成50（不加%）。

總的來說，在使用opacity和filter屬性時(shí)，要特別注意元素的層級關(guān)系和父容器的透明度，以保證頁面的視覺效果。