響應不規則邊界圖像？

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索引更高的值。這應該做的伎倆。