0

だから私はこのような境界線を持っているとしましょう:

不規則な境界線

画像と一緒にレスポンシブにするにはどうすればよいですか?

私の最初のアイデアは、次のようなものを持つことでした:

<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%で、初期サイズが一致しますが、それが正しい方法であるとは確信していません。

他のアイデアはありますか?

4

2 に答える 2

0

最初に境界線を配置してから、position:absolute を使用して他の画像の上に重ねます。

<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プロパティは、どちらが上になるかを定義します。最高値が上になります。

于 2013-05-02T15:35:44.047 に答える