以前都是用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浏覽器。