css - 使用jQZoom的产品页面的堆叠顺序

Question

我有一个使用 jQZoom 的产品页面，但我无法正确显示堆叠顺序（并且 jQZoom 没有在悬停时显示全尺寸图像，但这是另一篇文章的内容）。产品图片 div 当前在右侧阻止产品详细信息，阻止用户单击“添加到购物车”或任何下拉菜单。

我似乎尝试了所有 CSS 组合来解决这个问题，但我无法弄清楚。任何想法将不胜感激。

Answer 1

发现问题 div/style。这是一个冲突的overflow风格问题。我将包含的 div 更改为overflow: visible，缩放框现在在悬停时以正确的堆叠顺序显示，并且产品按钮仍然可以点击，等等。