Question

大家晚上好。我有一个正在处理的项目，但似乎找不到答案或解决方案。我有以下想法，我正在寻找一个纯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解决方案。任何帮助表示赞赏。

Answer 1

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

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>

透过Z-index

1 个答案: