如何使用可点击容器创建形状图像边框？（使用HTML和CSS）

Question

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

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

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

如何使用可点击容器创建形状图像边框？（使用HTML和CSS）

How to create shape image border with clickable container?(use HTML and CSS)

html

css

border