1

ランダムに生成されたコンテンツを含む画像ギャラリーがあります。これらの画像を配置する 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;
}

しかし、これは何も変わりませんでした。これを行うための良い方法について何か提案はありますか? ありがとう

編集:問題の画像を追加:

ここに画像の説明を入力

4

1 に答える 1

0

助けてくれてありがとう。私はそのように問題を解決しませんでしたが、私はそれを回避しました。JQueryを使用してlongimageの右側にある画像を見つけ、JQを再度使用して画像を削除しました。したがって、.item div は実際にはまだそこにあり、画像が含まれていないため見えません。

于 2012-12-12T02:22:57.287 に答える