Java 加载双模态面板时出现问题

我有两个模态面板，即面板1和面板2

两个面板在第页上同时加载

要求将面板1加载到面板2上。 但是，当页面加载时，无论页面上模型面板位置的代码是什么，它总是导致panel2位于panel1之上

我使用的是richfaces-3.3.2-SR1版本

代码如下：

<rich:modalPanel id="panel1" resizeable="false" showWhenRendered="true">
  My data goes here
</rich:modalPanel>
<rich:modalPanel id="panel2" resizeable="false" showWhenRendered="true">
   <center>
       <h:graphicImage url="image.gif" />
   </center>
</rich:modalPanel>

我的数据在这里

注意：panel1包含图像

谢谢 niks

尝试设置属性

z-index属性指定 元素的堆栈顺序

具有更大堆栈顺序的元素是 始终位于具有 较低的堆栈顺序

注意：z索引仅适用于定位 元素（位置：绝对， 位置：相对，或位置：固定）

试一试

我的数据在这里

org.life.java-谢谢，它可以工作：）我没想到用这个简单的css来解决它。

<rich:modalPanel id="panel1" resizeable="false" showWhenRendered="true" zindex="2000">
  My data goes here
</rich:modalPanel>

<rich:modalPanel id="panel2" resizeable="false" showWhenRendered="true" zindex="1000">
   <center>
       <h:graphicImage url="image.gif" />
   </center>
</rich:modalPanel>