【问题标题】:CSS problem with IE6 to render a menuIE6 渲染菜单的 CSS 问题
【发布时间】:2011-08-17 20:38:02
【问题描述】:

我不是设计师,所以我对 CSS/Javascript 的了解有点有限。不幸的是,我收到了一个解决菜单问题的任务(使用 div、ul 和 li 元素以及 CSS/jQuery 渲染)。

菜单在除 IE6 之外的所有浏览器中都能正常呈现。但我不知道如何解决手头的问题。

问题出现在以下page(同样,仅在IE6中)。

感谢您的帮助!

【问题讨论】:

  • 如果您删除 CSS,菜单是否呈现正常?
  • 菜单渲染正确,只是IE 6中元素的定位不正确。而这部分完全依赖于CSS。

标签: css internet-explorer-6 menu


【解决方案1】:

尝试添加这个(当然是添加到您的 IE6 样式表中):

.subMenu { zoom: 1 }

这给了子菜单“布局”并使它对我有用,尽管用动态菜单进行测试有点困难。

如果某些东西在 IE6 中无法正常工作,那么hasLayout 很有可能是罪魁祸首。

编辑:

要解决边框问题,您可以将vertical-align: top(其他值也可以)添加到菜单(<ul>)。我不记得它到底是什么了,但 IE6 在边距等和列表项方面存在一些问题。

【讨论】:

  • 谢谢,这几乎解决了问题。现在我需要弄清楚 Firefox 和 IE6 版本之间的边界差异。在 IE6 中,上边框尚未正确显示。
猜你喜欢
  • 1970-01-01
  • 2010-11-03
  • 1970-01-01
  • 1970-01-01
  • 2011-09-07
  • 1970-01-01
  • 2014-04-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多