浮动链接悬停背景问题

发布于 2024-11-25 03:21:58 字数 323 浏览 0 评论 0原文

在我的导航上,我有链接,然后我有一个浮动到右侧的链接。当我将鼠标悬停在右侧链接上时,我不希望在悬停时发生任何事情。但它会在左侧最后一个链接旁边添加一个背景,因为它是浮动的。如何使浮动链接悬停时不显示背景?我尝试在 :hover make background none 上创建一个类,但没有任何变化。

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

http://jsfiddle.net/r3bbm/

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

on my navigation i have links then i have a link that is floated to the right. and when i hover over the right link i dont want anything to happen when i hover..but it adds a background right beside the last link on the left, because it's floated. how do i make no background appear on hover for the floated link? ive tried making a class then on :hover make background none but nothing changes.

i have a jsfiddle because its probably confusing lol

http://jsfiddle.net/r3bbm/

edit: also this doesnt happen in chrome, any other browser it does

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

单调的奢华 2024-12-02 03:21:58

Well, you are floating the image inside the link, not the <a> tag. Try putting the floatr class on the <a> tag instead. Then make .floatr:hover{background:none;}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文