原文:使用RGBa和Filter實現不影響子元素的CSS透明背景

原文發表於 . . shukebeta 翻譯 譯者按:這篇文章里提到的IE解決方案,還是有一些問題的。且不說IE 既支持RGBa又支持Filter會給我們帶來麻煩,過濾器這種東西說不准 啥時候就會導致渲染問題。我建議對支持rgba的瀏覽器只使用rgba,同時為不支持rgba的瀏覽器留一個非透明背景的退路。以下為原文譯文: 今天的網頁設計,幾乎毫無例外地包含一些半透明元素,然而,要使用CSS得到需 ...

2012-04-05 10:23 0 5738 推薦指數:

查看詳情

CSS 設置背景透明度,不影響元素

由於 opacity 屬性能被子元素繼承,使用它設置父元素背景透明度時也會影響元素. 解決方法: 1> 使用 RGBA Example 2> 使用 opacity, 設置一個背景DIV,此DIV使用絕對布局 Example Demo ...

Mon Jan 04 18:29:00 CST 2016 0 3576
兼容性背景顏色半透明CSS代碼(不影響內部元素

如何簡單兼容性的實現元素是半透明背景色,而元素不受影響。 兼容所有瀏覽器的背景顏色半透明CSS代碼: 注意:startColorStr 和 endColorStr 的值,前兩位是十六進制的透明度,后面六位是十六進制的顏色。 其格式為 #AARRGGBB 。 AA 、 RR ...

Tue Aug 30 00:25:00 CST 2016 0 1871
CSS中如何設置父元素透明不影響元素透明

原因分析: 使用css的opcity屬性改變某個元素透明度,但是其元素下的元素透明度也會被改變,即便重定義也沒有用,不過有個方法可以實現,大家可以看看。 可以使用一張透明的圖片做背景可以達成效果,但是有沒有更簡單的方法呢?使用 RGBA。例如: 設置父元素opacity:0.5,元素 ...

Wed Jul 10 19:05:00 CST 2019 0 2088
CSS利用filter/opacity實現背景透明

設計師為了突出網頁的層次感,往往會采用一些半透明元素,但對於前端實現起來可 不是那么簡單,看下圖兩邊的左右按鈕 先看看眾所周知的解決方案 如果我們想要一個半透明背景,有兩種實現方式: 1、利用CSS和opacity屬性 .opacity ...

Sat Oct 24 22:04:00 CST 2015 0 2771
CSS3 rgb and rgba透明色)的使用

作者:WangMin 格言:努力做好自己喜歡的每一件事 對於顏色相信大家都很敏感,眼睛所見之處都存在顏色,那在css中我們用什么來表示顏色呢?CSS 中的顏色有三種定義方式:使用顏色方法(RGB、RGBA、HSL、HSLA),十六進制顏色值和預定義的顏色名稱。我們常使用的是RGB ...

Thu Sep 24 12:56:00 CST 2020 0 735
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM