jquery - 在 元素中创建一个洞

Question

定义 div 中的孔 - 可以显示背景的元素或方法，仅适用于 <div> 内容后面的特定区域元素。

Answer 1

几乎所有现代浏览器都支持 CSS box-shadow，因此您可以通过这种方式做您想做的事(希望我没看错):

body {
  margin: 0;
  padding: 0;
}

.hole {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 100px;
  height: 100px;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
}

<img src="http://upload.wikimedia.org/wikipedia/commons/5/51/Fox_Head.jpg" alt="" style="width: 100%;">
<div class="hole"></div>

因此，该 block 将是透明的，并且它周围的所有区域都将用它的阴影突出显示。