html – 悬停时显示“关闭”图标
发布时间:2020-12-14 23:16:21 所属栏目:资源 来源:网络整理
导读:我有一个明显由一个组织的新闻源.当用户将鼠标悬停在每个项目上时,背景将突出显示.我还希望在每个项目的右上角有一个
我有一个明显由一个组织的新闻源.当用户将鼠标悬停在每个项目上时,背景将突出显示.我还希望在每个项目的右上角有一个小“x”,仅在悬停时显示.这个“x”将是删除该帖子的删除按钮. 现在我只有一些基本的html说明:< div class =“hide-button”>< a href =“#”> x< / a>< / div> 我知道我不希望在html中显示“x”,而是在CSS中显示它.所以我有< li>下面的CSS用于悬停,以及隐藏按钮的CSS.我想知道将隐藏按钮div集成到< li>中的最佳方法.
和清单:
非常感谢!!!!! 最佳答案
假设您的删除按钮位于另一个容器内,您可以执行类似的操作
修改默认情况下隐藏的关闭按钮,然后将鼠标悬停在列表项上时,再次在关闭按钮上设置显示. 希望这是有道理的 蒂姆 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |