設(shè)置元素的透明度:
-moz-opacity:0.8; /*在Firefox中設(shè)置元素透明度
filter: alpha(opacity=80); /*ie使用濾鏡設(shè)置透明
但是當(dāng)我們對一個標(biāo)簽設(shè)置背景的透明度時,往往我們并不希望該標(biāo)簽上的文字圖片也變成半透明了叼风。
例如:
不透明
div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px;
height:500px;color:#F30; font-size:32px; font-weight:bold; }
可以很明顯的看出文字也被半透明的昵慌,這是我們不想看到的效果。
以前我曾經(jīng)是絕對定位的方法解決這個問題梳毙,也就是現(xiàn)在的p并不是div的子元素。
不透明
這樣div的半透明效果也就不會影響到元素p了捐下。最后在將p定位到需要的位置账锹。
但是很多時候這樣的標(biāo)簽并不是很合理,有可能還會多浪費幾個標(biāo)簽坷襟。
下面的這種方法就可以解決上面的問題了:
div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*實現(xiàn)FF背景透明奸柬,文字不透明*/
background:#000; filter:Alpha(opacity=20);/*實現(xiàn)IE背景透明*/
width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}
div p{ position:relative;}/*實現(xiàn)IE文字不透明*/
火狐我們直接用rgba顏色就可以解決子標(biāo)簽跟著半透明的問題了,但是ie還不是能很好的支持婴程。
所以我們給不想被透明的標(biāo)簽設(shè)置一個定位屬性廓奕,問題接能解決了。