以前都是用jquery來寫背景透明,方法簡單,但是有缺點,腳本沒加載完時,背景顏色是不透明的。
如果換成在css里寫好的話,效果就很好了。
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
上面的幾個屬性分別是:
opacity: 0.5; 這是最重要的,因為它是CSS標準.該屬性支持firefox, Safari和 Opera.
filter:alpha(opacity=50); 這個是為IE6設的,可取值在0-100,其它三個0到1.
-moz-opacity:0.5; 這個是為了支持一些老版本的Mozilla掃瞄 器。
-khtml-opacity: 0.5; 這個為了支持一些老版本的Safari掃瞄 器。