ランダムに生成されたコンテンツを含む画像ギャラリーがあります。これらの画像を配置する CSS は次のとおりです。
.item {
width: 200px;
margin: 10px;
float: left;
}
ギャラリーでこれらの画像の 1 つをランダムに選択し、.addClass と次の CSS を使用してその長さを 2 倍にする JQuery があります。
.frontpageimagelong {
height: 200px;
width: 420px;
}
問題は、長い画像が次の画像の下に隠れてしまうことです。次の画像を覆うか、上に表示する必要があります。
Z-Indexをそのまま使用することを考えました:
.item {
width: 200px;
margin: 10px;
float: left;
position: relative;
z-index: 1;
}
.frontpageimagelong {
height: 200px;
width: 420px;
position: relative;
z-index: 99;
}
しかし、これは何も変わりませんでした。これを行うための良い方法について何か提案はありますか? ありがとう
編集:問題の画像を追加: