CSS實現父層透明,子層不透明

2021-07-08 13:15:10 字數 392 閱讀 6542

利用css中的opacity屬性可以實現一些視覺效果,但是父元素設定透明屬性會被子元素繼承,這是不想見到的,於是通過一些設定解決這個問題。

filter

:alpha

(opacity=50)

;-moz-opacity

:0.5;

-khtml-opacity

: 0.5;

opacity

: 0.5;

解決辦法是利用css3中的rgba()進行設定,便不會被被子元素繼承,同時為了相容ie7、ie8等瀏覽器,需要將子元素的positon屬性設定為relative,使其脫離流。

position

:relative;

父View半透明,子View不透明

今天再封乙個confirm控制項的時候,出現了乙個小的bug,是這樣的 有乙個view,這個父view上增加了乙個view,父view的透明度我設定了alpha 0.6f,但是子view我沒有設定,理想狀況是父view你隨意透明,子view不受影響的應該,可是,情況不是這樣,子view也透明了,我看...

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

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

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

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