gpt4 book ai didi

javascript - div悬停显示按钮/链接效果

转载 作者:行者123 更新时间:2023-11-28 04:41:39 25 4
gpt4 key购买 nike

效果是这样的:当我将鼠标移到div上时,会出现一个删除链接。当我移出鼠标时,删除链接消失了。

在 Firebug 中,当我将鼠标悬停在 div 上时,我可以看到删除链接的样式发生了变化。但有人能告诉我如何控制它吗?

enter image description here

enter image description here

最佳答案

根据您的进步程度(支持 IE > 6),您可以在 CSS 中通过使用父级的 hover 伪类创建一个选择器来实现。使用屏幕截图中的相同标记:

a.deleteFiddle {
display: none;
}

div.lfiCont:hover a.deleteFiddle {
display: inline;
}

查看实际效果 - http://jsfiddle.net/7msZA/

如果您想要效果或有跨浏览器问题,那么 JavaScript 是备选方案。然而,如今 CSS 完全有能力处理这种用户体验。

关于javascript - div悬停显示按钮/链接效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5871483/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com