導讀:CSS/HTMLCSS/HTML你對 CSS 中的半透明顏色可能已經有了基礎的了解， CSS透明算得上是一種相當流行的技術，但在跨瀏覽器支持上，對于開發者來說，可以說是一件令人頭疼的事情。目前網seo優化趨勢網站建設多少錢。

你對 CSS 中的半透明顏色可能已經有了基礎的了解， CSS透明算得上是一種相當流行的技術，但在跨瀏覽器支持上，對于開發者來說，可以說是一件令人頭疼的事情。目前還沒有一個通用方法，以確保透明度設置可以在目前使用的所有瀏覽器上有效， 但是總得來說它是一個巨大的變革。 關于CSS 透明度，有一點需要注意的是，它雖然使用了很多年，但它一直以來都不是一個標準屬性，它是一種非標準技術，應該是CSS3規范的一部分。 怎樣在CSS樣式中設置背 […]

你對 CSS 中的半透明顏色可能已經有了基礎的了解，CSS透明算得上是一種相當流行的技術，但在跨瀏覽器支持上，對于開發者來說，可以說是一件令人頭疼的事情。目前還沒有一個通用方法，以確保透明度設置可以在目前使用的所有瀏覽器上有效，但是總得來說它是一個巨大的變革。關于CSS 透明度，有一點需要注意的是，它雖然使用了很多年，但它一直以來都不是一個標準屬性，它是一種非標準技術，應該是CSS3規范的一部分。

 

怎樣在CSS樣式中設置背景的透明度

怎樣在CSS樣式中設置背景的透明度,下面給出一個具體的實例。把類為box的層設為透明。 <div class="box"></div> <style> .box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-opacity: 0.3} </style> 其中background:#000; filter:alpha(opacity:30); opacity:0.3;為關鍵代碼，當opacity值為1時，表示完全不透明，為0時表示完全透明。 其他的屬性介紹如下: opacity: 0.3；這是“最重要的”，因為它是在CSS的現行標準。這將在Firefox，Safari和Opera的大多數版本的工作。這將是你所需要的一切如果所有的瀏覽器都支持目前的標準。當然是他們不會錯。 filter:alpha(opacity=30);這一個是針對IE瀏覽器 -moz-opacity:0.3;你需要這一個支持老版本的Mozilla瀏覽器如Netscape Navigator。 -khtml-opacity: 0.3;這是舊版本的Safari（1.×）當渲染引擎是使用仍被稱為kthml，而不是目前的WebKit。  

關鍵詞標簽: 常見問題 透明度