DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS網頁制作技巧:兼容主流浏覽器的背景顏色透明
CSS網頁制作技巧:兼容主流浏覽器的背景顏色透明
編輯:CSS進階教程     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved