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

2021-10-24 22:44:33 字數 856 閱讀 2612

關於這個問題,其實是不熟悉opacityrgba,下面解釋一波~

顏色我們都知道有rgb,在rg個新的值,成b顏色模型增加了一為了rgba顏色模型。最後乙個是alpha通道的值,取值在0.01.0之間。

兩者控制透明度的都是乙個小數,從010.0是完全透明,1是完全不透明。

opacity屬性的值,可以被其子元素繼承!!!

讓我看看**如下:

type

="text/css"

>

.box

.child

.box1

style

>

>

class

="box"

>

class

="child"

>

浮動的子元素p

>

div>

class

="box1"

>

class

="child"

>

浮動的子元素p

>

div>

body

>

效果是這樣的:

具體使用哪種都需要按照

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

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

半透明 MFC實現父視窗不透明,子視窗半透明效果

cpp view plain copy onerasebkgnd cdc pdc 描述 根據msdn所述,子視窗的半透屬性是跟隨父視窗的。也就是說在子視窗中用setlayeredwindowattributes方法完成透明是不可行的。如果子視窗設定成overlap或者popup格式,雖然可用setl...

css父元素半透明,不影響子元素(相容IE)

opacity 1.0可以設定透明度,但是其子元素都會帶有同樣的透明度,那麼我們可以換一種寫法 background rgba 0,0,0,0.5 rgba呢,就是red green blue alpha,也就是紅 綠 藍 alpha透明的顏色。黑色半透明 白色半透明 但是ie8及其以下是不相容rg...