0

我花了 3 天时间试图解决这个问题,但无法提出可行的解决方案。

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

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

我玩过样式表试图弄清楚它,但是当我在 fff、safari 中正确使用它时,或者它在 chrome 中搞砸了。

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

有人可以帮我找到解决方案吗?我尝试使用不同的菜单,但这个看起来最好,我使用的任何垂直下降都会给我菜单和幻灯片之间的 z-index 问题,我似乎无法修复。

4

3 回答 3

0

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

于 2012-04-27T17:47:56.230 回答
0

我不认为 src 是链接标签的可选属性。用像前两个一样的 href 替换它。当我在 Firefox 中查看页面时,我没有看到上面的两个文件被导入。

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

href="样式表/reset.css"

href="样式表/coda-slider-2.0.css"

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

于 2012-04-27T17:43:39.260 回答
0

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

希望这能解决你的问题

此外,您的页面宽度为 1220 像素。坚持使用 960px 宽度以兼容小屏幕尺寸。

于 2012-04-27T18:06:09.727 回答