none
css下拉列表在ie6下不显示 RRS feed

  • 问题

  • .dropdown UL {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px;width:149px;
    }
    .dropdown IMG {
    BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
    }
    .dropdown LI {
    LIST-STYLE-TYPE: none; FLOAT: left;width:149px;
    }


    UL.dropdown {
    WIDTH: 149px;
    }
    UL.dropdown LI {
    LINE-HEIGHT: 44px !important; ZOOM: 1; FLOAT: left; FONT-SIZE: 14px;WIDTH: 149px;
    }
    UL.dropdown A:link {
    COLOR: #fff
    }
    UL.dropdown A:visited {
    COLOR: #fff; TEXT-DECORATION: none
    }
    UL.dropdown A.hover {
    COLOR: #fff
    }
    UL.dropdown A.active {
    COLOR: #fff
    }
    UL.dropdown LI A {
    PADDING-BOTTOM: 4px;PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: block; COLOR: #fff;
    }
    UL.dropdown LI:unknown A {
    BORDER-RIGHT-STYLE: none
    }
    UL.dropdown LI.hover {
    POSITION: relative; COLOR: #fff
    }
    UL.dropdown LI:hover {
    POSITION: relative; COLOR: #fff
    }
    UL.dropdown LI.hover A {
    COLOR: #fff
    }
    UL.dropdown UL {
    BORDER-BOTTOM: #fff 2px solid; POSITION: absolute; BORDER-LEFT: #fff 2px solid; WIDTH: 149px; VISIBILITY: hidden; BORDER-TOP: #fff 2px solid; TOP: 100%; BORDER-RIGHT: #fff 2px solid; LEFT: 0px;DISPLAY: block;
    }
    UL.dropdown UL LI {
    LINE-HEIGHT: 20px !important; WIDTH: 149px; BACKGROUND: #000000; FLOAT: none; HEIGHT: 25px !important; FONT-SIZE: 12px; FONT-WEIGHT: normal;DISPLAY: block;
    }
    UL.dropdown UL LI A {
    BORDER-RIGHT-STYLE: none; WIDTH: 133px;
    }
    UL.dropdown UL LI A.hover {
    BACKGROUND-COLOR: #e8edaa; COLOR: #b53240
    }
    UL.dropdown UL UL {
    TOP: 0px; LEFT: 100%;width:149px;DISPLAY: block;
    }
    UL.dropdown LI:hover > UL {
    VISIBILITY: visible;DISPLAY: block;
    }


    <div id="index_top_nav">
      <ul>
      <li><a originalhref=""Index.aspx"><img" originalsrc=""images/top_04.jpg"" width="104" height="33" alt=""></a></li>
      <li><img src="images/top_05.jpg" width="21" height="33" alt=""></li>
      <li><a href="Index.aspx"><img src="images/top_06_1.jpg" width="105" height="33" alt=""></a></li>
      <li><img src="images/top_07.jpg" width="18" height="33" alt=""></li>
      <li><a href="Send.aspx"><img src="images/top_08_1.jpg" width="82" height="33" alt=""></a></li>
      <li><img src="images/top_09.jpg" width="12" height="33" alt=""></li>
      <li><a href="Baodao.aspx"><img src="images/top_10_1.jpg" width="80" height="33" alt=""></a></li>
      <li><img src="images/top_11.jpg" width="25" height="33" alt=""></li>
      <li>
      <div style="width:149px; height:33px; overflow:hidden;z-index:100;">
      <ul class="dropdown">  
      <li style="width:149px;"><a id="products" style="cursor:pointer; PADDING-left:0px;"><img src="images/top_12_1.jpg" width="149" height="33" alt=""></a>
       
    <ul style="width:149px;">
      <li style="width:149px;"><span style="cursor:pointer; margin-left:10px;">2012年</span>
      <ul style="width:149px;">
       
      </ul>
      </li>
      <li style="width:149px;"><span style="cursor:pointer; margin-left:10px;">2011年</span>
      <ul style="width:149px;">
       
      <li style="width:149px;"><a href="Txt.aspx?sid=155" target="_blank">周杰</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=154" target="_blank">张薇</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=153" target="_blank">易贞桢</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=152" target="_blank">夏荣丽</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=151" target="_blank">苏春燕</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=150" target="_blank">沈满</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=149" target="_blank">刘佳</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=148" target="_blank">李菁</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=147" target="_blank">胡雨佳</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=146" target="_blank">陈小平</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=145" target="_blank">白盛兰</a></li>
       
      <li style="width:149px;"><a href="Txt.aspx?sid=141" target="_blank">杨姝红</a></li>
       
      </ul>
      </li>
      <li style="width:149px;"><span style="cursor:pointer; margin-left:10px;">2007-2010</span>
      <ul style="width:149px;">
       
      </ul>
      </li>
    </ul>
      </li>
      </ul>
      </div>  
      </li>
      <li><img src="images/top_13.jpg" width="27" height="33" alt=""></li>
      <li><a href="Tv.aspx"><img src="images/top_14_1.jpg" width="132" height="33" alt=""></a></li>
      </ul>
      </div> 


    在ie6、火狐、谷歌下面都不显示 谁帮忙解决下

    学习中...

    2012年3月27日 7:55

答案

  • 你好,

    根据你的代码我重现你的情况IE9截图如下:

    <!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>
        <title></title>
        <style type="text/css">
            .dropdown UL
            {
                padding-bottom: 0px;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                float: left;
                padding-top: 0px;
                width: 149px;
            }
            .dropdown IMG
            {
                border-right-width: 0px;
                border-top-width: 0px;
                border-bottom-width: 0px;
                border-left-width: 0px;
            }
            .dropdown LI
            {
                list-style-type: none;
                float: left;
                width: 149px;
            }
            
            
            UL.dropdown
            {
                width: 149px;
            }
            UL.dropdown LI
            {
                line-height: 44px !important;
                zoom: 1;
                float: left;
                font-size: 14px;
                width: 149px;
            }
            UL.dropdown A:link
            {
                color: #fff;
            }
            UL.dropdown A:visited
            {
                color: #fff;
                text-decoration: none;
            }
            UL.dropdown A.hover
            {
                color: #fff;
            }
            UL.dropdown A.active
            {
                color: #fff;
            }
            UL.dropdown LI A
            {
                padding-bottom: 4px;
                padding-left: 8px;
                padding-right: 8px;
                display: block;
                color: #fff;
            }
            UL.dropdown LI:unknown A
            {
                border-right-style: none;
            }
            UL.dropdown LI.hover
            {
                position: relative;
                color: #fff;
            }
            UL.dropdown LI:hover
            {
                position: relative;
                color: #fff;
            }
            UL.dropdown LI.hover A
            {
                color: #fff;
            }
            UL.dropdown UL
            {
                border-bottom: #fff 2px solid;
                position: absolute;
                border-left: #fff 2px solid;
                width: 149px;
                visibility: hidden;
                border-top: #fff 2px solid;
                top: 100%;
                border-right: #fff 2px solid;
                left: 0px;
                display: block;
            }
            UL.dropdown UL LI
            {
                line-height: 20px !important;
                width: 149px;
                background: #000000;
                float: none;
                height: 25px !important;
                font-size: 12px;
                font-weight: normal;
                display: block;
            }
            UL.dropdown UL LI A
            {
                border-right-style: none;
                width: 133px;
            }
            UL.dropdown UL LI A.hover
            {
                background-color: #e8edaa;
                color: #b53240;
            }
            UL.dropdown UL UL
            {
                top: 0px;
                left: 100%;
                width: 149px;
                display: block;
            }
            UL.dropdown LI:hover > UL
            {
                visibility: visible;
                display: block;
            }
        </style>
    </head>
    <body>
        <form>
        <div id="index_top_nav">
            <ul>
                <li><a href="Index.aspx"><img src="images/top_04.jpg" width="104" height="33" alt=""></a></li>
                <li>
                    <img src="images/top_05.jpg" width="21" height="33" alt=""></li>
                <li><a href="Index.aspx">
                    <img src="images/top_06_1.jpg" width="105" height="33" alt=""></a></li>
                <li>
                    <img src="images/top_07.jpg" width="18" height="33" alt=""></li>
                <li><a href="Send.aspx">
                    <img src="images/top_08_1.jpg" width="82" height="33" alt=""></a></li>
                <li>
                    <img src="images/top_09.jpg" width="12" height="33" alt=""></li>
                <li><a href="Baodao.aspx">
                    <img src="images/top_10_1.jpg" width="80" height="33" alt=""></a></li>
                <li>
                    <img src="images/top_11.jpg" width="25" height="33" alt=""></li>
                <li>
                    <div style="width: 149px; height: 33px; overflow: hidden; z-index: 100;">
                        <ul class="dropdown">
                            <li style="width: 149px;"><a id="products" style="cursor: pointer; padding-left: 0px;">
                                <img src="images/top_12_1.jpg" width="149" height="33" alt=""></a>
                                <ul style="width: 149px;">
                                    <li style="width: 149px;"><span style="cursor: pointer; margin-left: 10px;">2012年</span>
                                        <ul style="width: 149px;">
                                        </ul>
                                    </li>
                                    <li style="width: 149px;"><span style="cursor: pointer; margin-left: 10px;">2011年</span>
                                        <ul style="width: 149px;">
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=155" target="_blank">周杰</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=154" target="_blank">张薇</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=153" target="_blank">易贞桢</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=152" target="_blank">夏荣丽</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=151" target="_blank">苏春燕</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=150" target="_blank">沈满</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=149" target="_blank">刘佳</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=148" target="_blank">李菁</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=147" target="_blank">胡雨佳</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=146" target="_blank">陈小平</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=145" target="_blank">白盛兰</a></li>
                                            <li style="width: 149px;"><a href="Txt.aspx?sid=141" target="_blank">杨姝红</a></li>
                                        </ul>
                                    </li>
                                    <li style="width: 149px;"><span style="cursor: pointer; margin-left: 10px;">2007-2010</span>
                                        <ul style="width: 149px;">
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <img src="images/top_13.jpg" width="27" height="33" alt=""></li>
                <li><a href="Tv.aspx">
                    <img src="images/top_14_1.jpg" width="132" height="33" alt=""></a></li>
            </ul>
        </div>
        </form>
    </body>
    </html>
    你也可以用IE Developer Tools 或者 Firebug调试下看看。

    Please mark the replies as answers if they help or unmark if not.
    If you have any feedback about my replies, please contact msdnmg@microsoft.com
    Microsoft One Code Framework


    2012年3月29日 9:44