【问题标题】:floating link hover background problem浮动链接悬停背景问题
【发布时间】:2011-07-21 13:23:41
【问题描述】:

在我的导航中,我有链接,然后我有一个浮动到右侧的链接。当我将鼠标悬停在正确的链接上时,我不希望在悬停时发生任何事情..但是它在左侧最后一个链接旁边添加了一个背景,因为它是浮动的。如何使浮动链接悬停时不出现背景?我尝试过上课然后:悬停使背景没有但没有任何变化。

我有一个 jsfiddle,因为它可能令人困惑,哈哈

http://jsfiddle.net/r3bbm/

编辑:这也不会发生在 chrome 中,它不会发生在任何其他浏览器中

【问题讨论】:

    标签: css navigation


    【解决方案1】:

    好吧,您是在链接中浮动图像,而不是 <a> 标记。尝试将 floatr 类放在 <a> 标记上。然后制作.floatr:hover{background:none;}

    【讨论】:

    • 我试过了,但是当浮动在 a 标签上时,图像被推下
    • 给 .floatr 一个 -10px 的上边距。
    猜你喜欢
    • 2013-01-13
    • 1970-01-01
    • 2015-11-12
    • 2019-01-15
    • 2020-02-10
    • 2017-08-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多