css - jQZoomを活用した商品ページの重ね順

Question

jQZoom を使用する製品ページがありますが、重ね順が正しく表示されません (また、jQZoom はホバー時にフルサイズの画像を表示しませんが、それは別の投稿用です)。商品画像 div は現在、右側の商品詳細をブロックしており、ユーザーが [カートに追加] やドロップダウンをクリックすることを妨げています。

この問題を解決するために CSS のすべての組み合わせを試してみましたが、わかりません。どんな考えでも大歓迎です。

Answer 1

問題の div/style が見つかりました。overflowそれは相反するスタイルの問題でした。含まれている div を に変更し、overflow: visibleホバーするとズーム ボックスが適切な重なり順で表示されるようになり、製品ボタンは引き続きクリック可能などです。