我有一个下拉导航栏,当您将鼠标悬停在项目上时,下拉选项显示在IE7
中,它们隐藏在滑块后面。
我没有运气尝试过z-index
。此外,菜单按钮和IE7中的第一个选项下还有一些间距。我尚未尝试解决此问题,我主要担心的是使其显示在滑块内容上方。
您可以在这里看到它:http://www.condorstudios.com/stuff/temp/index.php
最佳答案
将此添加到您的$(document).ready()
处理程序:
var zi = 1000;
$('*').each( function() {
$(this).css('zIndex', zi);
zi -= 10;
});
为了确保仅在IE7上执行此操作,请将其添加到
<script>
标记之外,但要添加到<head>
中:<!--[if IE 7]>
<script type="text/javascript">
$(document).ready(function() {
var zi = 1000;
$('*').each( function() {
$(this).css('zIndex', zi);
zi -= 10;
});
});
</script>
<![endif]-->