下拉菜单在IE中无法正常工作 - 向右拍摄

Question

我被困住了。我以前从未做过下拉菜单，但想尝试我正在研究的网站，所以我导入了别人的java和css代码并让它在Firefox中运行得很好。问题是，下拉菜单在IE中显示在右侧。

我已经为IE创建了一个单独的样式表，但是我还没弄清楚要用什么来纠正它！

这是网站： http://www.erricksonequipment.com

该样式表中存在大量多余的废话，因为它是从在线示例导入的。也就是说，那里也可能存在阻碍即正确阅读的问题？我不确定..我是这个java / css下拉菜单的新手！ ：）

任何帮助都会非常感激。

Answer 1

您用于下拉菜单的脚本不是很好。此外，很有可能只使用CSS创建整个下拉菜单，而不需要任何JS。

处于当前状态的下拉菜单在IE7或IE8中不起作用。

本着“解决问题”的精神：

如果你改变dropdownMenuKeyboard.js中的第203行，它将在IE8（以及Firefox等）中运行：

      ? (isie ? li.offsetLeft + 'px' : 'auto')

到此：

      ? 'auto'

但是，我建议你用更现代的东西替换下拉菜单代码。

Answer 2

使用'em'作为测量单位时要小心。 1'em'的大小是相对于浏览器中设置的默认字体大小（如果定义的话，则在CSS中）。默认情况下，Firefox和Internet Explorer之间的字体大小不同。我推荐使用像素，但是如果您使用'em'，请确保在CSS中添加新的默认字体大小，方法如下：

html { font-size: 16px; }

通过在整个浏览器中标准化默认字体大小，您将看不到Firefox或Internet Explorer中的任何差异。