水平下拉菜单(子菜单)在chrome,ie9,firefox和safari中的位置不同

时间:2012-04-27 17:35:21

标签: css firefox cross-browser internet-explorer-9 drop-down-menu

我花了3天时间试图弄清楚这个问题,但无法找到可行的解决方案。

我甚至尝试使用javascript来加载为每个浏览器量身定制的样式表,但即使这样也无效。

我的问题是我的水平菜单(http://mydomainsample.com/fire_rebuild)在Chrome中显示非常好,但是当我加载safari或firefox时,子菜单就不合适了。奇怪的是,IE(9)比其他两个更接近正确,但即使这样也不太正确。

我玩过样式表试图找出它,但是当我在fff,safari中正确使用它时,或者说它在Chrome中搞定了。

我似乎无法找到适用于所有浏览器的解决方案。

有人可以帮我找到解决方案吗? 香港专业教育学院尝试使用不同的菜单,但这一个看起来最好,任何垂直滴我用过给我在菜单和幻灯片之间的z-index问题,我似乎无法解决。

3 个答案:

答案 0 :(得分:0)

我认为src不是链接标记的可选属性。用前两个href替换它。当我在firefox中查看页面时,我看不到上面导入的两个文件。

这些链接标记中的文件顺序也非常重要。

href =“stylesheets / reset.css”

href =“stylesheets / coda-slider-2.0.css”

我不知道你是否已经拥有它们,但firefox和chrome有firebug和web开发人员插件,让生活更轻松。

答案 1 :(得分:0)

jQuery已更新为v1.7.2;我会更新你所有的插件和看看是否有帮助。

答案 2 :(得分:0)

首先,删除您应用的所有javascript以匹配不同的浏览器。 然后删除style.css第83行上的width:750px;left: 548px;(ul#nav li:hover> ul)

希望这能解决您的问题

您的页面宽度也是1220像素。坚持960px的宽度,以便与小屏幕尺寸兼容。