Question

我有一些问题，有些超链接让我感到困扰了好几天了。在我使用this site的this template（Joomla＆amp; Virtuemart）上，我在右上方有四个超链接（Καλάθι，Σύνδεση，Λογαριασμός＆amp;ΓονώμεςΠελατών），当我将它们悬停时它们会消失！ / p>

我使用了您在this template上看到的菜单图标菜单，在那里您可以看到产品导览＆amp;现在获取它运行良好的超链接。通过查看CSS我无法找到为什么我的超链接在我悬停时获得背景颜色。我的具体部分的CSS是：

/* =============== MENU - TOP MENU =============== */
ul.menu-topmenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.menu-topmenu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}
ul.menu-topmenu li a {
    padding: 14px 5px;
    color: #999;
    display: block;
}

ul.menu-topmenu li a span {
    display: block;
}
ul.menu-topmenu a:active {
    color: #fff !important;

ul.menu-topmenu a:hover {
    color: #ccc !important;
}

但即使我使用了重要词，它似乎也不起作用。

谁能看到这是怎么回事？我提前谢谢你

Answer 1

他们并没有消失，他们只是在改变颜色。将其添加到您的CSS：

ul.menu-topmenu li a:hover, ul.menu-topmenu li a:active, ul.menu-topmenu li a:focus {
    color: red;
}

您的模板内置了颜色选择器也很有可能。尽可能避免使用自定义样式以减少开发和维护工作。

此外，熟悉浏览器的文档检查员。它将使这类事情的故障排除变得简单。

悬停时超链接消失

1 个答案: