opacity層疊問題

2022-07-22 18:45:11 字數 262 閱讀 7105

使用了position屬性值為 absolute、relative 的層,將會比普通層更高層次。使用了小於1的opacity屬性的層,也比普通層更高層次並且和指定 position 的層同層,但是不支援 z-index 屬性,所以指定 position 的層,可以使用 z-index 屬性,來覆蓋帶有小於1的 opacity 屬性的層。

想法:可以使用position:relative 來覆蓋opacity小於的元素。

避免:盡量避免在下拉列表使用透明度,可改用更換顏色的形式。

opacity屬性的應用

opacity是css中很有意思的屬性,類似於photoshop中不透明度的更改,結合絕對定位能實現很多漂亮的效果。opacity取值範圍為0 1,若實現對ie8 以及更早的版本的相容,一般寫為filter alpha opacity xx 當然其他geek會有更強大的寫法,本文不再贅述。從網頁設計...

filter alpha 與opacity的區別

filter alpha 與opacity都是用來設定透明度的,區別就在於相容性的問題,opacity支援高版本的瀏覽器,ie8以上不包含ie8.opacity 1.opacity的取值範圍在0到1之間,1代表完全不透明。filter alpha 1.filter alpha opacity 20 ...

rgba 和opacity的使用

rgba 表示 紅 綠 藍 alpha w3c指在原有的rgb顏色模型之後增加了 alpha 引數,可以讓制定的顏色透明化 rgb 上擴充套件的,其只可以設定顏色,而不能使設定的顏色透明化 例子 rgba 55,146,179,5 rgb值為 55,146,179 5使設定的rgb值為50 透明,1...