导航链接在 Chrome 和 Firefox 中不起作用

【问题标题】：Navigation Links Not Working in Chrome and Firefox导航链接在 Chrome 和 Firefox 中不起作用
【发布时间】：2012-05-31 08:08:18
【问题描述】：

我正在开发一个网站，该网站是http://fredsrewards.loyaltylane.com/fredsshopper。页面顶部有一个导航菜单。这些链接在 Chrome 或 Firefox 中无效，但在 IE9 中有效。该站点使用了一些 javascript 文件。我尝试过更改 CSS 和 HTML 中的内容，但没有任何效果。该站点是使用 MVC 3 构建的。任何建议将不胜感激。提前谢谢你。

【问题讨论】：

标签： html css firefox google-chrome internet-explorer-9

【解决方案1】：

这是因为导航顶部有另一个 div (phar_panel)。

你可以通过设置来修复它：

#m_box {
    /* rules you already have */
    position: relative;
}

#phar_panel {
    /* rules you already have */
    width: 230px;
    height:31px;
    right:30px;
    position: absolute;
}
#phar_panel img {
    /* rules you already have */
    left: 230px;
    position: absolute;
}

另外，请注意，您的页面中有多个具有相同 id（导航）的元素！

【讨论】：

非常感谢！！我自己和另一位开发人员已经将我们的头撞到墙上一段时间了。