IE6中的下拉菜单插入太多宽度,而不是下拉

时间:2009-08-28 20:28:15

标签: css wordpress internet-explorer-6 drop-down-menu

我有一个CSS下拉菜单,它在IE7,FF,Safari和Opera中运行良好(在PC上,还没有在Mac上测试)。

不幸的是在IE6中 - 我的客户在这个项目中都使用了,urgh - 菜单拉得太宽,覆盖了网站徽标。此外,没有一个下拉列表工作。

在某种程度上,我可以忍受在IE6中无法使用的下拉菜单,但我无法使用覆盖徽标的菜单。

http://preview.sgwl.net/

该网站使用http://wordpress.org/extend/plugins/wordpress-css-drop-down-menu/的修改版本。我不得不修改它以使顶级项目不是固定宽度,这可能是搞砸了IE6。我尝试过使用_width:1px; _overflow:隐藏;和一系列其他IE6黑客但没有任何效果。

在现在正在使用的浏览器中使用菜单需要做一些工作,所以依赖于IE6特定样式而不是从上到下重新编码的答案将是非常棒的!谢谢!!

1 个答案:

答案 0 :(得分:2)

在custom.css的第276行,你有

/* a hack so that IE5.5 faulty box model is corrected */
* html .custom .menu a, * html .custom .menu a:visited {
    width:149px; 
    w\idth:138px;
}
  • html也会影响IE6。如果删除整段代码,菜单将在IE6中正确格式化。