我在IE(6和7)下的下拉菜单上遇到问题.
http://www.amaconsulting.pl/promocje.html
这是一个已知的错误,一般的建议是为页眉和内容区域设置一个z-index,因此IE知道它们的“位置”,在本文中对此进行了解释：http://bit.ly/coSPcI
我已将.header div的z-index设置为20,并将.featured,.content,.primary,.main设置为1,试图找到正确的div来解决此问题.虽然下拉列表不再隐藏在.featured div后面,但仍然隐藏在主要内容div后面(.primary或.main,.secondary都可以).
这些div的z索引是在单独的样式表(即css)中设置的,以防有人寻找它们.
如果有人可以提供一些建议,我将不胜感激.
最佳答案
好的原始解决方案在这里-Swiss credit website.此方法有效,但是使用了复杂的z-index解决方案.
这是非常简单且经过改进的解决方案-Jeyjoo stock image gallery
这适用于IE6,Firefox,Opera,Safari和Chrome
这是非常简单且经过改进的解决方案-Jeyjoo stock image gallery
这适用于IE6,Firefox,Opera,Safari和Chrome
解
HTML
<div id="container_page" class="container_page">
<div id="container_header" class="container_header">
NAV BAR GOES HERE
</div>
<div id="container_body" class="container_body">
...body text...
</div>
</div>
CSS
#container_page #container_header {position:relative;z-index:2;}
#container_page #container_body {position:relative;}
为什么有效
您必须告诉IE,两个div如何相互关联.
