0

我在IE7上的幻灯片效果有点问题。我有一个包含以下代码的嵌套列表

   <div class="left_panel_body">
        <ul class="side_panel_list" style="margin-top:53px">
            <li id="click"><a>PQR</a></li>
                <div id="dropdown" style="display:none;">
                <ul style="list-style:none">
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            </ul>
                </div>
            <li><a href="#">abc</a></li>
            <li><a href="#">abc</a></li>
            <li><a href="#">abc</a></li>
        </ul>
        </div>

而css如下

    #click {background-color: rgb(234, 234, 234);
height: 24px;
margin-top: 2px;
width: 99%;}

   #dropdown {display:none}

    .side_panel_list li {background-color: rgb(234, 234, 234);
height: 24px;
margin-top: 2px;
width: 99%;}

虽然我的头上有以下脚本

   <script> 
    $(document).ready(function(){
    $("#click").click(function(){
    $("#dropdown").slideToggle("slow");
    });
    });
    </script>

没有太多的CSS应用不用说#click启动幻灯片onclick并且#dropdown是向下滑动并在另一次点击时向后滑动的元素......如果在所有浏览器中看起来都很好但在IE7中li不会向下滑动以腾出空间#dropdown 而#dropdown 最终落在下面的li 后面......

4

1 回答 1

0

您可能需要为 IE7 添加一些额外的 CSS 才能正确查看。

无论如何，我们需要更多的代码来给你一个好的答案。在这种情况下，您甚至可能想提供一个 URL，以便我们检查 CSS。

另外，请考虑提高您的接受率。

于 2012-12-12T07:42:00.273 回答