CSS 設定背景透明度，不影響子元素

由於 opacity 屬效能被子元素繼承，使用它設定父元素背景透明度時也會影響子元素．

解決方法：

1> 使用 rgba

example

1

.classname 

example

123

content here
4

1

doctype html
>
2<
html
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>opacity
title
>
6<
style
>7*
11body
1516
.demo
21.demo-bg
32.demo-txt
37style
>
38head
>
39<
body
>
4041
<
div 
class
="demo"
>
42<
div 
class
="demo-bg"
>
div>
43<
div 
class
="demo-txt"
>content here
div>
44div
>
4546
html
>

3> 建立乙個24位png背景

不推薦，ie下24位png圖透明時引起的記憶體洩漏.

see also

css實現背景透明完美解決方案

css實現背景透明，文字不透明，相容所有瀏覽器

CSS設定背景透明度

控制 如下 各引數含義如下 enabledenabled設定或檢索濾鏡是否啟用。stylestyle設定或檢索div背景透明漸變的樣式。opacityopacity設定或檢索透明漸變的開始透明度。finishopacityfinishopacity設定或檢索div背景透明漸變的結束透明度。start...

CSS控制背景透明度

在css表中找到 modbr 換行後加入如下 透明度80 modbox,modbl,modbc,modbr 注 應用的式css中的alpha濾鏡，這個濾鏡可以設定目標元素的透明度。還可以通過指定座標，從而實現各種不同範圍的透明度。具體語法如下 具體引數含義如下 opacity 表示透明度調節，範圍在...

CSS控制背景透明度

在css表中找到 modbr 換行後加入如下 透明度80 modbox,modbl,modbc,modbr 注 應用的式css中的alpha濾鏡，這個濾鏡可以設定目標元素的透明度。還可以通過指定座標，從而實現各種不同範圍的透明度。具體語法如下 具體引數含義如下 opacity 表示透明度調節，範圍在...