CSS使塊半透明方法,相容IE6

來源:互聯網
上載者:User
前言

今天LOL玩機器人玩得真心不爽,實在崩潰,還是逛部落格園比較爽些,記錄自己的成長。說句實話我在編程方面確實是個菜鳥,菜到一種超神的地步,沒一樣自己特擅長的,悲催......

廢話少說,進入正題,HTML5和CSS3快速發展,很多一以前實現起來十分麻煩的東西現在變得十分簡單,例如今天的半透明效果,在CSS3中現在有了opacity這個樣式,可以很簡單的設定,不過很悲催,早期的IE和不是很新版本的瀏覽器不相容,今天告訴大家一個新的方法咯,菜鳥成長ing IE與Firefox

Firefox——background: rgba(0,0,0,0.5)

 I E——filter: alpha(opacity=50) 或者使用

     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)

以上方法以透明度為0.5設定的,IE中#7f000000的7f就是0.5轉換成16進位的值,當然我比較喜歡IE的後一種方式,它可以相容到IE6

看下效果圖吧:

          結語

好好努力,vito,加油吧,成長的小菜鳥。。。

相關文章

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.