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í),要特別注意元素的層級(jí)關(guān)系和父容器的透明度,以保證頁面的視覺效果。