z-index不支持cloud-zoom插件

时间:2017-03-24 08:05:03

标签: html css image zoom 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?非常感谢!请给我一些提示。

1 个答案:

答案 0 :(得分:-1)

设置<display-name>HelloWorld Application</display-name> <description> This is a simple web application with a source code organization based on the recommendations of the Application Developer's Guide. </description> <servlet> <servlet-name>AnaliseFaturasServlet</servlet-name> <servlet-class>br.com.dendron.analisefaturas.servlet.AnaliseFaturasServlet</servlet-class> <load-on-startup>1</load-on-startup> <multipart-config> <max-file-size>10485760</max-file-size> <max-request-size>20971520</max-request-size> <file-size-threshold>5242880</file-size-threshold> </multipart-config> </servlet> <servlet-mapping> <servlet-name>AnaliseFaturasServlet</servlet-name> <url-pattern>/serv</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>AnaliseFaturasServlet</servlet-name> <url-pattern>/serv/</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>AnaliseFaturasServlet</servlet-name> <url-pattern>/progress</url-pattern> </servlet-mapping> div的z-index,在此处创建运行时。 你可以在插件的js文件中找到#cloud-zoom-big div。