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

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

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

最佳答案

这是因为您在导航顶部还有另一个 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(导航)的元素!

关于html - 导航链接在 Chrome 和 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10742606/

相关文章:

javascript - 如何启用分层 svg 图像的点击

css - 没有运算符的jqgrid搜索

java - Selenium FireFoxDriver 无法连接

javascript - 带有 CRLF 的占位符在 Firefox 中不起作用

html - 图像不会响应地适应容器 div 的宽度

html - 如何在 CSS 框中对齐文本和图像?

php在表单提交时删除文件并记录

javascript - 是否可以输入带有变量的背景图像大小?

html - 为什么我的三个按钮是垂直的而不是水平的?

firefox - CSS 媒体查询、Opera 和 Firefox 问题