關於背景色半透明的實現

2021-09-08 07:25:50 字數 804 閱讀 3265

好吧,國慶七天假期出去玩去了,什麼都沒做。。。

言歸正傳,還是說說背景色半透明吧。其實說到半透明,相信絕大部分同仁應該都知道的一種很常用的方法,即css3的opacity結合ie alpha濾鏡即可。比如:

.translucent
上面這個樣式類即為乙個背景色為黑色,元素半透明的樣式類。這也是目前半透明遮罩層最常用的方法,(ps:有個小地方需要注意,在ie6下需要觸發它的haslayout或包裹性才有效,不過一般不存在問題,因為一般這種半透明遮罩的元素都是絕對定位的,overflow:hidden;或position:absolute;或float或display:inline-block都可以觸發元素包裹性..這個問題扯遠了,以後會單獨再出一篇關於包裹性的文)

示例:開啟

恩,正如各位看官所見,開啟的層的確半透明了,不過半透明的好徹底,以至於層裡面所有子元素都半透明了...但是我的層裡面的和那個紅色的塊本來是不打算透明的,我只要背景色透明就好了..所以這個方法並沒有滿足這個需求。

於是,針對只要背景色透明的東東,應該有另一種辦法,就是css3的rgba屬性結合ie的gradient濾鏡

.bg-translucent
示例:開啟

好了,至此,也差不多可以結束了,有點湊數的嫌疑,就當自己的筆記吧。

android設定背景色為全透明和半透明

方法一 只要在配置檔案內activity屬性配置內加上 android theme android style theme.translucent 就好了。這樣就呼叫了android的透明樣式!方法二 先在res values下建colors.xml檔案,寫入 9000 這個值設定了整個介面的透明度...

css 背景色半透明 子元素不透明

方法一 背景色用rgba表示 相容各個瀏覽器 ie8 通過!important與filter alpha opacity 透明值 的結合使用即可解決 例如 background color f9f1f1 background rgba 249,241,241,0.85 important filte...

設定QListWidget背景色為透明

只要一條指令就可以實現 ui listwidget setstylesheet background color transparent 其中background color設定參考css背景設定如下 以下摘自 css 允許應用純色 background color 作為背景,也允許使用背景影象 b...