CSS層透明實現方法

2022-09-24 20:27:07 字數 383 閱讀 7993

這個**段是演示用css控制乙個div層的透明效果,大家可以看到平鋪的背景已經顯現出來,實際上比較簡單就可以實現,就是用css控制乙個div層,定義樣式表時加入filter:alpha(opacity=65);這句**,裡面的值是用來控制透明度的,你可以試著改變它的值,會有不同的透明效果。

複製**

**如下:

css定義層的透明效果

ie6,ff測試通過

這是乙個透明的網頁,還不錯吧?實際上是用css控制div層的半透明狀態,這樣會使平鋪的背景顯現出www.cppcns.com來,看上去酷了不少。

by cc-public domain

這是右側,你可以嘗試修改一下。

本文標題: css層透明實現方法

本文位址:

CSS實現父層透明,子層不透明

利用css中的opacity屬性可以實現一些視覺效果,但是父元素設定透明屬性會被子元素繼承,這是不想見到的,於是通過一些設定解決這個問題。filter alpha opacity 50 moz opacity 0.5 khtml opacity 0.5 opacity 0.5 解決辦法是利用css3...

css 實現透明效果

filter alpha opacity 50 moz opacity 0.5 khtml opacity 0.5 opacity 0.5 說明 opacity 0.5 這是最重要的,因為它是css標準.該屬性支援firefox,safari和 opera.filter alpha opacity ...

div css彈出層半透明遮罩層效果實現

背景半透明,覆蓋整個可視區域的遮罩層效果在工作中經常會遇到,這篇文章主要介紹了當內容超過一屏時如何做到多瀏覽器的相容性。下面我們通過乙個簡單的例子看看如何實現,高手請繞道。html 很簡單 1 半透明效果可以使用 css3 中的 opacity 屬性,在低版本的ie瀏覽器中使用ie的alpha 濾鏡...