【问题标题】:Hyperlinks disappear when hover悬停时超链接消失
【发布时间】:2016-11-09 00:48:03
【问题描述】:

我有一些超链接的问题,这几天一直困扰着我。在我使用this templatethis site(Joomla 和 Virtuemart)上,我在右上角有四个超链接(Καλάθι、Σύνδεση、Λογαριασμός 和Γνώμες Πελατών),当我将它们悬停时它们消失了!

我使用了您在this template 上看到的菜单图标菜单,您可以在其中看到“产品导览”和“立即获取”超链接,效果很好。通过查看 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;
}

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

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

【问题讨论】:

  • 检查你的过渡效果,如果检查器是正确的,我认为在 'green.css' 中。

标签: html css joomla hyperlink hover


【解决方案1】:

它们并没有消失,它们只是在改变颜色。将此添加到您的 CSS:

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

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

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

【讨论】:

  • 你的风格只适用于 !important(我认为)。
  • 非常感谢您的帮助。我通过将您的代码放在我的 css 代码下方尝试了您的建议,但这没有帮助。还有其他建议吗?
  • @its4yougr 添加!重要。颜色:红色!重要;
  • 如果你看到我的 css 代码悬停在 !important;颜色后的词...这也行不通....
  • 我将他的代码添加到检查模式,但我也添加了!important,它确实对我有用。尝试在a之后添加跨度。例如:ul.menu-topmenu li a span:hover { color:red !important; }
猜你喜欢
  • 2018-05-12
  • 2014-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多