我在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 的下方...
最佳答案
您可能需要为 IE7 添加一些额外的 CSS 才能正确查看它。
无论如何,我们都需要更多的代码来给你一个好的答案。在这种情况下,您甚至可能想提供一个 URL,以便我们检查 CSS。
此外,请考虑提高您的录取率。
关于IE7 中的 jquery 幻灯片问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13834303/