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

标签 css z-index jqzoom

我有一个 product page它使用 jQZoom,但我无法正确显示堆叠顺序(并且 jQZoom 未在悬停时显示全尺寸图像,但那是另一篇文章)。产品图片 div 当前将产品详细信息挡在右侧,从而阻止用户点击“添加到购物车”或任何下拉菜单。

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

最佳答案

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

关于css - 使用 jQZoom 的产品页面的堆叠顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21195850/

相关文章:

jquery - jQZoom:remove()和img src更改后的innerzoom问题

html - 我怎样才能使 Zoom in mobile 像在 PC 上一样......?

css - 谷歌浏览器不尊重 z-index

css - 背景图像伪 z 索引

javascript - 将点击事件绑定(bind)到 jqzoom 以启动 fancybox

javascript - 如果图像有 guids 作为名称,jqZoom 不起作用

javascript - 如何在一周中的几天之间更改照片?

php - 如何显示自定义帖子类型的其他字段并显示特色缩略图选项?

javascript - 如何使用 switch 和 if else 以及 HTML 表单选择标签在输入框中获取所需的值

javascript - 将 div 放在两个 div 之间,无需操作 DOM 或使用 z-index