css - 絶対位置の div が別の div の下にある

Question

表から画像をクリックすると、ポップアップが表示されます。しかし、最後の行の画像の 1 つをクリックすると、その下の div によって切り取られます。

関連するcssが多すぎて投稿できませんが、ページは投稿できます。

リンク

「壁紙 - サムネイルをクリックして詳細を表示」の下の最後の画像をクリックします (プリント生地のセクションが始まる前)。

実は、「プリント生地」の下の最後の画像をクリックしても同じことが起こります。

一番上に表示するにはどうすればよいですか？

Answer 1

overflow: hidden問題を引き起こしているのはコンテナにあります。できることは、これを変更することです (global.css 1423):

.wallpaper_collection {
  overflow: hidden;
}

このようなものに：

.wallpaper_collection:after {
  content: "";
  display: table;
  clear: both;
}

他のコンテナについても同じことを行う必要があります。例 (1428行目)

.printed_fabrics_collection {
  overflow: hidden;
}

次のように、それらを 1 つのルールに組み合わせることができます。

.wallpaper_collection:after, .printed_fabrics_collection:after {
  content: "";
  display: table;
  clear: both;
}