我正在尝试使用云缩放插件进行图像缩放(内置缩放)。 Cloud zoom创建了一个包含图像的包装。 但与此同时,我还有另一个div作为弹出式范围。但是,图像总是覆盖我的弹出窗口。
以下是插件生成的代码。我已将其z-index设置为1;而另一个div我已经设置为z-index:1999。但它仍然根本不起作用,图像将始终显示在所有内容之上。
<div id="wrap" style="top:0px; z-index:1; position:relative;"></div>
有什么方法可以安排他们的订单而不是使用z-index?非常感谢!请给我一些提示。
答案 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。