今晚在寫自己乙個網頁遊戲的時候,遇到乙個問題,就是css透明度的繼承問題,我先解析下我的問題。
[html]view plain
copy
<
divclass
="father"
>
<
divclass
="child"
>
div>
div>
假如father設定了透明度,那麼child也會繼承他的透明度,即使你修改child裡面的透明度也不會生效,一位師姐叫我嘗試下把透明度調到1以上,但我查了下,透明度是0到100,ie下是0到1之間,所以是行不通的。
我上網查了下資料,總結了4種解決方法:
(1) 寫一些hack,可以直接控制那個元素的透明度
(2)用
(3)父元素的position設定為relative,子元素設定為absolute來覆蓋
(4)父元素不用css3來設定透明度,而是設定rgba來設定透明度
(1)(2)的方法用起來比較彆扭,而(3)(4)的方法用起來比較優雅。
由於這些方法實在很簡單,所以我就不敲**了。
CSS 透明度清除繼承
今晚在寫自己乙個網頁遊戲的時候,遇到乙個問題,就是css透明度的繼承問題,我先解析下我的問題。假如father設定了透明度,那麼child也會繼承他的透明度,即使你修改child裡面的透明度也不會生效,一位師姐叫我嘗試下把透明度調到1以上,但我查了下,透明度是0到100,ie下是0到1之間,所以是行...
css 設定透明度
要設定某一元素的背景為透明,在 chrome firefox opera 下是這樣的 css background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度,範圍在0 1之間。在 ie 中一般是這樣的 css background color r...
CSS 透明度屬性
firefox3.5已不支援私有屬性 moz opacity了,在mozilla 1.7 firefox 0.9 之前ff都是使用這個私有屬性的,firefox 0.9 firefox3同時支援 moz opacity和opacity這兩個屬性,firefox公升級到3.5之後,一些 原來有的透明沒...