您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

仅使用CSS,将鼠标悬停时显示div

仅使用CSS,将鼠标悬停时显示div

您可以执行以下操作:

div {

    display: none;

}



a:hover + div {

    display: block;

}


<a>Hover over me!</a>

<div>Stuff shown on hover</div>

这使用相邻的兄弟选择器,是the下拉菜的基础。

HTML5允许锚元素包装几乎所有内容,因此在这种情况下,该div元素可以成为锚的子元素。否则原理是相同的-使用:hover伪类更改display一个元素的属性

CSS 2022/1/1 18:24:44 有402人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶