在Internet Explorer中缺少菜单项

我在ie8中有两个与我的菜单问题。如果您在ie8中访问此链接http://betapwr.pokerworldratings.com/，您会看到菜单不会在“会议室”选项卡下面下拉菜单。我在所有包含它但没有骰子的地方放置了“overflow：visible”。第二个问题是在右侧缺少可见的搜索栏。我检查了元素，并没有看到“显示”有任何问题。您可以在Chrome中查看正确的设置。我错过了什么？在Internet Explorer中缺少菜单项

来源

2012-03-15 Pollux Khafra

似乎在IE9中发生过。 – j08691 2012-03-15 15:45:06

在第11行menu.js中有一个狡猾的新行;你寻找document.getElementById（“导航”），但似乎没有这样的元素 - 这些错误将暂停脚本处理，即ie – 2012-03-15 15:47:15

哦，我看到..你实际上可以看到子菜单出现在IE8当我减少顶部边距。它只是在主菜单的底部被切断，这使我认为这是一个溢出问题，但... – 2012-03-15 15:53:31

首先，您的顶部菜单是一个彻头彻尾的重击，因为您没有正确地嵌套您的列表项目。您目前有这样的：

<li class="drop-work"><a href="#">Rooms</a> 
    <ul> 
     <a href=""><li>Room 1</li></a> 
     <a href=""><li>Room 2</li></a> 
    </ul> 
</li>

你嵌套一些a的标签，列表标签的孩子，那是不妥当的标记，这样你就可以修复被格式化你的子菜单正确的方式将部分：

固定

<li class="drop-work"><a href="#">Rooms</a> 
    <ul> 
     <li><a href="">Room 1</a></li> 
     <li><a href="">Room 2</a></li> 
    </ul> 
</li>

接下来，html5.js SHIV你包括在你的文档的页眉中没有找到让你header和footer HTML5标签是不实际在IE中正确地砍杀

现在，您的顶部菜单中工作正常IE8但看起来糟糕的IE8在兼容模式下，你可以通过使用CSS黑客，像这样修复的列表项设置为display:inline而不是显示块：

.admin-menu ul li { display：inline;/这将针对IE7 */ }

然后伸展你的#admin-bar到文档中，你可以修改你的规则下面左边和右边：

#admin-bar { 
    overflow:visible; 
    position: fixed; 
    top:0; 
    right:0; 
    left:0; 
    z-index: 99999; 
    background:url(images/top-menu.png) repeat-x #000; 
    background-image: -moz-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -ms-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -o-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0078CE),color-stop(100%,#006AAD)); 
    background-image: -webkit-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: linear-gradient(to bottom,#0078CE 0,#006AAD 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE',endColorstr='#006AAD'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE', endColorstr='#006AAD')"; 
    border-bottom:3px solid #005991;   
}

来源

2012-03-15 16:24:07

感谢您抽出时间整顿我！非常感谢。 – 2012-03-15 16:27:24

在Internet Explorer中缺少菜单项

回答

相关问题