opacity用來設置元素的透明度。 值被約束在[0.-1.0]範圍內,如果超過了這個範圍,其計算結果將截取到與之最相近的值。 0表示完全透明,1表示完全不透明。 瀏覽器支持: (1).IE瀏覽器支持此屬性。 (2).火狐李藍旗支持此屬性。 (3).谷歌瀏覽器支持此屬性。 (4).opera瀏覽器支 ...
opacity用來設置元素的透明度。
值被約束在[0.-1.0]範圍內,如果超過了這個範圍,其計算結果將截取到與之最相近的值。
0表示完全透明,1表示完全不透明。
瀏覽器支持:
(1).IE瀏覽器支持此屬性。
(2).火狐李藍旗支持此屬性。
(3).谷歌瀏覽器支持此屬性。
(4).opera瀏覽器支持此屬性。
(5).safria瀏覽器支持此屬性。
註意:IE6-IE8不支持此屬性。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .ant{ width:200px; height:100px; background-color:#333; opacity:0.4; color:#ff0000; } </style> </head> <body> <div class="ant">螞蟻部落</div> </body> </html>
上面的代碼實現了設置元素透明度的功能。
不過裡面的文本也變得透明,這有時候不是我們希望看到的,具體可以參閱CSS 透明度設置一章節。