大家晚上好。我有一个正在进行的元素，但似乎找不到答案或解决方案。我有以下想法，我一直在寻找纯 css 解决方案。如果无法完成，请告诉我。
我有以下内容
div#1 {z-index: 1; }
div#2 {z-index: 2; }
div#3 {z-index: 3; }
div#1:有一张图片 div#2:有一个 bg 颜色渐变叠加层(从上到下) div#3:一个圆圈(将成为一个放大镜)
有没有办法使用纯css穿透div#3中的div#2？我还没有找到解决困境的 css 或 jquery 解决方案。感谢您的帮助。
最佳答案
请尝试以下 fiddle 。希望这就是您要找的。
<html>
<head>
</head>
<body>
<div class="image">
<div class="overlay"> </div>
<div class="search-lens">
<img src="http://icons.iconarchive.com/icons/icons8/windows-8/512/Very-Basic-Search-icon.png"
</div>
</div>
</body>
</html>
关于javascript - 穿透Z-index，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54684057/