CSS 里用了同一元素用了opacity:0; 为什么还要用filter:alpha(opacity=0);

cssjavascriptfilteropacity

解决方案 »

  1.   

    ie低版本不支持opacity的  只支持filter  
    为了兼容
      

  2.   

    大侠,我有一段代码,怎么也看不出问题,求帮忙看下要让显示的那个tab页下面是白的,像这样我的css代码是这样的*{margin:0;padding:0;}
    body{font-size:14px;font-family:"Microsoft YaHei";}
    ul,li{list-style:none;}#tab{position:relative;}
    #tab .tabList ul li{
    float:left;
    background:#fefefe;
    background:-moz-linear-gradient(top, #fefefe, #ededed);
    background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
    background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
    border:1px solid #ccc;
    padding:5px 0;
    width:100px;
    text-align:center;
    margin-left:-1px;
    position:relative;
    cursor:pointer;
    }
    #tab .tabCon{
    position:absolute;
    left:-1px;
    top:32px;
    border:1px solid #ccc;
    border-top:none;
    width:403px;
    height:100px;
    }
    #tab .tabCon div{
    padding:10px;
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
    }
    #tab .tabList li.cur{
    border-bottom:none;
    background:#fff;
    }
    #tab .tabCon div.cur{
    opacity:1;
    filter:alpha(opacity=100);
    }
    js代码// JavaScript Document
    function changediv(index){
    switch(index){
    case 1 : {
    document.getElementById("tab_1").style.opacity = 1;
    document.getElementById("tab2").style.opacity = 0;
    document.getElementById("tab3").style.opacity = 0;
    document.getElementById("tab4").style.opacity = 0;

    break;
    }
    case 2 : {
    document.getElementById("tab_1").style.opacity = 0;
    document.getElementById("tab2").style.opacity = 1;
    document.getElementById("tab3").style.opacity = 0;
    document.getElementById("tab4").style.opacity = 0;
    break;
    }
    case 3 : {
    document.getElementById("tab_1").style.opacity = 0;
    document.getElementById("tab2").style.opacity = 0;
    document.getElementById("tab3").style.opacity = 1;
    document.getElementById("tab4").style.opacity = 0;
    break;
    }
    case 4 : {
    document.getElementById("tab_1").style.opacity = 0;
    document.getElementById("tab2").style.opacity = 0;
    document.getElementById("tab3").style.opacity = 0;
    document.getElementById("tab4").style.opacity = 1;
    break;
    }

    }



    }
    html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>点击选择</title>

    <link rel="stylesheet" href="css/lrtk.css" type="text/css" />
    <script type="text/javascript" src="js/1.js"></script>

    </head><body>
    <div id="tab"><!-- 放置所有-->

    <div class="tabList"><!-- 放置头部-->
    <ul>
    <li>

    <div>
    <a href="#tab_1" onclick="changediv(1)" class="cur">tab_1</a>
    </div>
    </li>

    <li>

    <a href="#tab2" onclick="changediv(2)">tab_2</a>

    </li>

    <li>
    <div>
    <a href="#tab3" onclick="changediv(3)">tab_3</a>
    </div>
    </li>

    <li>
    <div>
    <a href="#tab4" onclick="changediv(4)">tab_4</a>
    </div>
    </li>
    </ul>


    </div>

    <div id="tab0" class="tabCon"><!-- 放置身体部分-->
    <div id="tab_1"  class="cur">
    AAAAAAAAAAAAAAAAAAAAAAAA
    <div>SSSS</div>
    </div>

    <div id="tab2" >
    BBBBBBBBBBBBBBBBBBBBBBBBB
    </div>

    <div id="tab3" >
    CCCCCCCCCCCCCCCCCCCCCCCCC
    </div>

    <div id="tab4" >
    DDDDDDDDDDDDDDDDDDDDDDDDD
    </div>

    </div>




    </div>
    </body>
    </html>
    求问怎么回事?