• 您現(xiàn)在的位置： 創(chuàng)新互聯(lián) >> 網(wǎng)站建設(shè) >> 網(wǎng)站建設(shè)常見問題 >> IE,FireFox,Opera瀏覽器支持CSS實(shí)現(xiàn)Alpha半透明

IE,FireFox,Opera瀏覽器支持CSS實(shí)現(xiàn)Alpha半透明

• 作者：曾小姐 文章來源：成都網(wǎng)站建設(shè) 點(diǎn)擊數(shù)：699 更新時(shí)間：2011-11-25
• 　　小編不止一次感嘆，這個(gè)世界變化很快，現(xiàn)在連微軟公司的IE8也出來了，它將不再支持以前{filter:alpha(opacity=50);}的私有屬性，轉(zhuǎn)而支持更規(guī)范的私有屬性-ms-filter:“progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;加之Firefox2.0和Opera9.0以前版本很少見到，所以所有的主流瀏覽器都已經(jīng)支持純CSS而不用png圖片來實(shí)現(xiàn)半透明效果，今天小編就來著重講講這其中的原理代碼，如下：
  　　<divid="out">
  　　<divid="in">不透明<div>
  　　<divid="alpha">半透明<div>
  　　<div>
  　　<style type="text/css">
  　　#out{
  　　padding:20px0;
  　　height:100px;
  　　width:200px;
  　　position:relative;
  　　}
  　　#in{
  　　background:#fff;
  　　margin:010px;
  　　}
  　　#alpha{
  　　position:absolute;
  　　top:0;
  　　left:0;
  　　width:100%;
  　　height:100%;
  　　-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/
  　　filter:alpha(opacity=30);/*IE5、IE5.5、IE6、IE7*/
  　　opacity:.3;/*Opera9.0+、Firefox1.5+、Safari、Chrome*/
  　　z-index:-1;/*讓其位于in的下面*/
  　　background:#fff;
  　　}
  　　</style>
  　　看過小編的代碼解釋以后，你對(duì)css的認(rèn)識(shí)是不是又加深了呢？ 成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)為您排憂解難，提供專業(yè)權(quán)威的網(wǎng)站制作一條龍服務(wù)，歡迎咨詢了解！
  
• 上一篇文章：CSS中positionfixed固定定位用法分析
  下一篇文章：如何利用Dreamweaver制作頁(yè)面模板