html - 如何使用可点击容器创建形状图像边框？(使用 HTML 和 CSS)

Question

我想在图片中创建边框显示，但我想在框架图片下方保持可点击状态。

我在另一个 div 上使用一个 div，它可以工作，但在 div 下不可点击。我使用边框图像，但左下角的 Angular 不是像图片那样创建的。还有其他办法吗？

http://i.stack.imgur.com/z8HSs.jpg

我正在使用剪切该 png 图片中心的 .png 图片。我的代码是这样的:

<div id="slideshow204" class="slideshow" style="position:absolute;top:22px;right: 34px;z-index: 1;">
  ......
  </div>
<div class="decor"><img style="position: absolute;z-index: 4;" src="http://shakeri.info/images/logo/zendeginameh.png" alt="">
</div>

Answer 1

问题解决了。我必须添加

 pointer-events: none;

到 png 的 div 到 div 下可点击。需要细节？ Click through a DIV to underlying elements