IE6以下显示不出来，IE7以上就可以，求高手解答

Question

<script type="text/javascript" language="javascript">    var rvt = new RevealTrans("idPicShow");    rvt.Add('pics/top_01.gif' );
    rvt.Add('pics/top_02.gif');
    rvt.Add('pics/top_03.gif');
    rvt.Add('pics/top_04.gif');
    rvt.Add('pics/top_05.gif');    var oList = $("idPicList"), oText = $("idPicText"), arrImg = [];    var oNum = $("idNum"), arrNum = [];
    Each(rvt.List, function (list, i) {        var img = document.createElement("img");
        img.src = list["img"]; img.alt = list["text"];
        arrImg[i] = img;
        oList.appendChild(img);        var li = document.createElement("li");
        li.innerHTML = i + 1;
        arrNum[i] = li;
        oNum.appendChild(li);        img.onmouseover = li.onmouseover = function () { rvt.Auto = false; rvt.Index = i; rvt.Start(); };
        img.onmouseout = li.onmouseout = function () { rvt.Auto = true; rvt.Start(); };
    });
    rvt.onShow = function () {
        var i = this.Index, list = this.List[i];        Each(arrImg, function (o) { o.className = ""; }); arrImg[i].className = "on";        Each(arrNum, function (o) { o.className = ""; }); arrNum[i].className = "on";        oText.innerHTML = !!list.url ? "<a href='" + list.url + "' target='_blank'>" + list.text + "</a>" : list.text;
    }
    oText.onmouseover = function () { rvt.Auto = false; rvt.Stop(); };
    oText.onmouseout = function () { rvt.Auto = true; rvt.Start(); };    rvt.Start();</script>

Answer 1

楼主 把demo整理下 ，贴出来，这样没法测试。

Answer 2

<div id="idPicShow" class="container" style=" width:100%">
                <ul id="idNum">
                </ul>
            </div>
            <div id="idPicText" style=" display:none">
            </div>
            <div id="idPicList" style=" display:none">
            </div>

Answer 3

ie6上出不来，八成是页面结构或css问题，跟js没半毛钱的关系。

Answer 4

但是IE7上面都可以显示，是因为CSS不识别吗？

Answer 5

 .container
    {
        width: 280px;
        height: 200px;
        border: 1px solid #eee;
        position: relative;
    }
    #idPicText
    {
        background: #eee;
        line-height: 25px;
        text-align: center;
        font-weight: bold;
        width: 282px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
    }
    #idPicText a
    {
        text-decoration: none;
        color: #333;
        display: block;
    }
    #idPicList img
    {
        cursor: pointer;
        width: 65px;
        height: 50px;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        opacity: .5;
        border: 0;
        margin: 10px;
    }
    #idPicList img.on
    {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    
    #idNum
    {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
    #idNum li
    {
        float: left;
        list-style: none;
        color: #fff;
        text-align: center;
        line-height: 16px;
        width: 16px;
        height: 16px;
        font-family: Arial;
        font-size: 12px;
        cursor: pointer;
        margin: 1px;
        border: 1px solid #707070;
        background-color: #060a0b;
    }
    #idNum li.on
    {
        line-height: 18px;
        width: 18px;
        height: 18px;
        font-size: 14px;
        border: 0;
        background-color: #ce0609;
        font-weight: bold;
    }样式都在这里了