css 只改變父元素的透明度,不改變子元素透明度rgba+opacity
如何讓子元素脫離父元素的透明度?有如下幾種方法:
1.父元素div,直接使用透明度的圖片做背景。
2.父元素div(設置為相對定位),兄弟div1(設置為絕對定位)背景正常加透明度即可,兄弟div2(設置為絕對定位),層級關系高于div1即可。
3.利用CSS3屬性rgba(即red+green+blue+alpha的顏色),例如background-color:rgba(0,0,0,0.5)
但是IE7/8不支持此屬性,可按如下方法寫:
父元素div要寫如下:background-color: rgba(0,0,0,0.5)!important;background-color: #000;filter:Alpha(opacity=50);
子元素div加個定位position:absolute/relative即可。