CSS透明屬性詳解

來源:互聯網
上載者:User
  • 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瀏覽器。

但CSS的透明屬性涉及到一個繼承問題,當為父級元素設定透明度後,子項目將自動繼承其透明度。


提示:

1. 對於子項目是文字的情況,一般是如果多少還能夠看清,就不管。

另一個折衷的方法是,為文本子項目指定一個相對更深的顏色。也就是說,當子項目繼承透明度後,所得到的文本顏色正好就是你想要的

2. 對於圖層,可使用絕對位置的辦法。

3 .  用於按鈕hover 效果,屬於懶人做法。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.