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

2022-09-05 19:03:14 字數 329 閱讀 7170

方法一:

背景色用rgba表示  相容各個瀏覽器 ie8:

通過!important與filter:alpha(opacity=透明值)的結合使用即可解決;例如 background-color:#f9f1f1; background:rgba(249, 241, 241, 0.85) !important;filter:alpha(opacity=85)。

方法二:

背景色用background-color:#000;

子元素放在父div外面的div,通過定位顯示在父div上面:

子元素css:

.parent

.child

CSS實現父元素半透明,子元素不透明的問題

關於這個問題,其實是不熟悉opacity和rgba,下面解釋一波 顏色我們都知道有rgb,在rg個新的值,成b顏色模型增加了一為了rgba顏色模型。最後乙個是alpha通道的值,取值在0.0到1.0之間。兩者控制透明度的都是乙個小數,從0到1,0.0是完全透明,1是完全不透明。opacity屬性的值...

css背景色透明,文字不透明

實現透明的css方法通常有以下3種方式,以下是不透明度都為80 的寫法 css3的opacity x,x 的取值從 0 到 1,如opacity 0.8 css3的rgba red,green,blue,alpha alpha的取值從 0 到 1,如rgba 255,255,255,0.8 ie專屬...

背景色透明,文字不透明

背景色透明,文字不透明 在工作中遇到這麼乙個問題 1 背景色透明 2 在透明背景中文字是不透明的 3 文字要水平居中 為此,我給出了兩種解決辦法 1 使用html5的 rgba 屬性配置 背景透明,文字也透明 原理說明 1 div.demo背景色是黑色透明的 2 p標籤的內容是水平居中,並且沒有設定...