如何在剪贴路径中添加边框：具有TRANSPARENT div

Question

嗨，

我需要带边框的不规则形状。这里的技巧是div是半透明的，因此在背面放置另一个具有相同形状的div来模拟边框是不会做到的。

这是我的代码：

.shape {
  background:url(image.gif) no-repeat 0 0;
  border:1px solid red;
  opacity: 0.3;
  clip-path: polygon(5.1% 1.63%, 99.43% 1.03%, 98.60% 100.51%, 32.82% 100.74%, 9.08% 100.74%, 8.66% 98.3%, 2.55% 95.53%, 2.14% 6.8%);}

对此有任何解决方法吗？

谢谢。