浮动链接悬停背景问题
在我的导航上,我有链接,然后我有一个浮动到右侧的链接。当我将鼠标悬停在右侧链接上时,我不希望在悬停时发生任何事情。但它会在左侧最后一个链接旁边添加一个背景,因为它是浮动的。如何使浮动链接悬停时不显示背景?我尝试在 :hover make background none 上创建一个类,但没有任何变化。
我有一个 jsfiddle 因为它可能令人困惑哈哈
编辑:这也不是发生在 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
edit: also this doesnt happen in chrome, any other browser it does
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
好吧,您将图像浮动在链接内,而不是
标记中。尝试将
floatr
类放在标记上。然后制作
.floatr:hover{background:none;}
Well, you are floating the image inside the link, not the
<a>
tag. Try putting thefloatr
class on the<a>
tag instead. Then make.floatr:hover{background:none;}