文章/答案/技术大牛

发布

社区首页 >问答首页 >穿透Z-index

问穿透Z-index
EN

Stack Overflow用户

提问于 2019-02-14 13:56:50

回答 1查看 63关注 0票数 0

大家晚上好。我有一个正在做的项目，但我似乎找不到答案或解决方案。我有以下想法，我正在寻找一个纯粹的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解决方案。任何帮助都是非常感谢的。

jquery

html

css

javascript

回答 1

Stack Overflow用户

发布于 2019-02-14 14:22:54

请尝试以下小提琴。希望这就是你要找的。

Try this 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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54684057

复制

相似问题

问穿透Z-index
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问穿透Z-indexEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问穿透Z-index
EN