html - z-index 不适用于云缩放插件

标签 html css image zooming z-index

我正在尝试使用云缩放插件进行图像缩放(内部缩放)。 Cloud zoom 已经为包含图像创建了一个包装。 但与此同时,我旁边还有另一个 div 作为弹出范围。但是,图像总是覆盖我的弹出窗口。

下面是插件生成的代码。我已经将它的 z-index 设置为 1;对于另一个 div,我设置为 z-index:1999。但它仍然根本不起作用,图像将始终显示在所有内容之上。

<div id="wrap" style="top:0px; z-index:1; position:relative;"></div>

有什么方法可以代替使用 z-index 来安排他们的订单吗?太感谢了!请给我一些提示。

最佳答案

设置 #cloud-zoom-big div 的 z-index,它是在运行时创建的。 您可以在插件的 js 文件中找到 #cloud-zoom-big div。

关于html - z-index 不适用于云缩放插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42994333/

相关文章:

python - 使用 pyocr(tesseract) 在网格上检测字母

javamail 邮件图像位于远程计算机上

image - 使用批处理从文件夹中打开随机文件

css - 使用 Bootstrap 时要启动的文件

javascript - 外部JS有时无法及时加载?

html - 如何避免使用 css 列属性将文本拆分到另一列?

html - 为什么我的 div 稍微向右移动

html - 如何使用 Markdown 显示 {% raw %} 和 {% endraw %}?

css - 如何在所有浏览器中设置相同的波斯字体

javascript - 跨域 iframe 调整大小