css - 我无法在 IE9 中调试的简单问题（我认为是 CSS）

Question

我遇到了一堆垃圾浏览器 IE 的问题，它阻止我使用任何插件来调试问题。

如果有人可以好心地看看并让我知道问题，那将是王牌。

请查看这个站点（它只是测试域，所以我知道上面还有很多其他问题）- 009rep.clubnetdev.com。

将鼠标悬停在顶部导航菜单中的“销售”项目上（在 IE9 中）和第二列中，似乎有一条垂直线（边框）随机浮动在那里（见下面的截图）。我最初认为这与此下拉列表中定义的 CSS 伪类 first-child 和 last-child 有关，但如果有人可以查看并确认问题所在，我将不胜感激 - 谢谢。

在所有其他非 IE 浏览器中显示良好（如预期的那样）。

提前致谢。

score 2 · Accepted Answer

menurep.css，第 176 行

.col_1 {width:145px; border-right: 1px solid #888;}

宽度 145px 是造成这种情况的原因，因为在其他下拉菜单中，您将其用于左侧的文本链接。

我会给这个实例一个不同的类，所以它根本不会应用正确的边框。

您可以这样做的一种方法是通过其父列定位此特定列：

.dropdown_1column .col_1 { border:0 }

我还注意到，您的所有.col_*类都具有display:inline并float:left;应用了相互冲突的语句，因为浮动无论如何都会使元素块。

如果您无法轻松更改上述任何内容，您可能想在此特定实例上尝试 z-index ，但我认为这可能会导致其他问题。

1 回答 1