顶部导航文本之间的垂直线在悬停时闪烁

Question

在顶部导航链接中的文本之间悬停垂直线时，它会保持闪烁和闪烁。 CSS显示引用＆＃34; hover＆＃34;标签，这是我不知道的。

需要帮助来阻止这种闪烁行为。

网站网址：http://www.catholic-collectibles.com/

Answer 1

如果我正确地阅读了您的问题，那么“＆＃34;移动＆＃34;因为当用户调用:hover（ ^{点击链接以阅读更多} ）css选择器时应用的填充。

在topNav.css的第122行，您会发现：

.navigation-container .top-cat:hover, .navigation-container .hover .top-cat {
    background: #f3f3f3;
    padding: 12px 12px 16px;
}

如果您注释掉padding，则行为会发生变化。

示例：

.navigation-container .top-cat:hover, .navigation-container .hover .top-cat {
    background: #f3f3f3;
    /* padding: 12px 12px 16px; */
}

Answer 2

删除填充：

.navigation-container .top-cat:hover, .navigation-container .hover .top-cat{ padding:0;}