gpt4 book ai didi

html - 如果被另一个元素覆盖,则响应 CSS 悬停选择器

转载 作者:太空宇宙 更新时间:2023-11-04 00:43:12 24 4
gpt4 key购买 nike

我知道我可以只禁用覆盖元素上的指针事件,但我不想那样做。我希望 covering 和 covered 元素都响应鼠标事件,以便当鼠标指针同时接触到它们时,它们都转换为与悬停选择器对应的状态。

最佳答案

您可以围绕要跟踪悬停的 DOM 元素定义父容器。 This StackOverflow thread展示了一个简单的方法,父级 div 具有类“section”。它包含两个元素,悬停时它们都应该有一个边框(代码片段引用自 this answer post ):

<html>
<style type="text/css">
.section { background:#ccc; }
.layer { background:#ddd; }
.section:hover img { border:2px solid #333; }
.section:hover .layer { border:2px solid #F90; }
</style>
</head>
<body>
<div class="section">
<img src="myImage.jpg" />
<div class="layer">Lorem Ipsum</div>
</div>
</body>
</html>

关于html - 如果被另一个元素覆盖,则响应 CSS 悬停选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57854360/

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