响应不规则边界图像？

Question

所以说，我有这样一个边界：

我怎么会去用我的形象使其响应在一起吗？

我最初的想法是有这样的事情：

<div class="frame"> 
      <img src="img/tourism.jpg" alt="image" class="bw-img"> 
      <img src="img/img-frame.png" alt="img frame" class="img-frame"> 
</div> 

在那里我会在我的旅游形象基本上绝对位置框，都将有宽度100％和匹配初始大小，但我不相信它的路要走。

还有其他想法吗？

Answer 1

将您的第一个边界，然后使用的位置是：绝对比其他图像叠它。

<div class="frame"> 
      <img src="img/img-frame.png" alt="img frame" class="img-frame" 
        style="position:absolute"> 
      <img src="img/tourism.jpg" alt="image" class="bw-img"> 

</div> 

编辑：仅供参考，z-index CSS属性定义哪一个将在最上面。最高的价值在上面。

Answer 2

你的框架png格式，所以你可以让一切都在它的透明，除了边界形状。接下来键入上面提出的HTML和CSS与您覆盖2个图像。的帧图像的z索引设定为比tourism.jpg的z索引更高的值。这应该做的伎俩。