IE和FF中css透明度詳細對比_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        當父容器設置了透明度的時候,子容器會繼承父容器的性質,面對這個問題我們也不知道該說是bug還是說是大家對透明的理解方式問題。先不管css的標準認為怎樣才是最合理的,當我們遇到不想要子容器也透明的時候如何去解決這樣的問題。

      方法一:

        針對IE,在子容器添加:
        position:relative;
        針對firefox等就只能使用png
        background:url(images/boxBg.png);
        /*以下只有ie識別*/
        *background:#CCCCCC;

      方法二:

        簡單描述一下,也是網上常見的方法。
        構造三個容器
        首先,讓需要透明的容器和不透明容器保持兄弟關系。
        然后,通過父容器控制大小讓兩個兄弟容器通過定位保持一個看似父子的排列方式。
        方法二是規避了透明度的繼承問題,并不是解決了透明度繼承問題
        
        

      來源:52CSS//所屬分類:CSS教程/更新時間:2012-06-15
      相關CSS教程