透過画像を重ねる際に、横・縦位置の両方にピタリと被せたい

Question

よくある「画像の保存禁止」の一つである、
透過画像を重ねる実装をしました。

画像を3行×3列並べて、うまくいきました。

しかし、この方法だとうまくいかないケースがありました。
それは、縦位置の画像が混じっているケースです。

dummy.pngは比率が4:3なのですが、
縦位置の画像には、幅はぴったり被るのですが、縦の下側が被りません。

縦位置の画像が交じる場合でも、
透明の画像をぴったり被らせる方法はあるのでしょうか？

よろしくお願い致します。

<div><img src="1.jpg"><img src="dummy.png" class="dummy"></div>

.dummy {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

Answer 1

他の部分のHTML CSSが分からないので、推測ですが、下記でどうですか。

.dummy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

Comments

[退会済みユーザー]

ありがとうございます。
以下を追記したら、縦位置の画像にもピッタリ被りました。

width:100%;
height:100%

推測で申し訳ございませんでしたが、
とても助かりました。
ありがとうございました。