html - 如何使小程序不在html中浮动

Question

我希望小程序不在 html 中浮动。

当我打开一个 jQuery 模式窗口时，该窗口位于小程序组件的后面。

现在，我怎样才能使小程序与常规的 html 文本、输入、按钮等处于同一层...以便 jQuery 模式窗口位于小程序的顶部？

我已经尝试过：z-index: -1但z-index: -99999它不起作用。

浏览器使用：IE7和IE9

Answer 1

最简单的方法是使用 iframe 在小程序上方浮动内容。

我在同一条船上，我们必须使用 Java 小程序与大型机系统进行通信。我们需要在弹出窗口中显示动态内容，而我能够做到这一点的唯一方法是使用 iframe。

CSS：

.popover {

    position: absolute;
    top: 65px;
    left: 10px;
    /*z-index: 999;*/

    border: none;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 10px 15px 0px rgba(140, 140, 140, .9);
}

HTML：

<iframe class="popover"></iframe>

注意：当浮动在 java 小程序上时，border-radius 和 box-shadow 在 Firefox 或 chrome 中无法正常工作。透明度也是一个问题，但 Chrome 似乎比 Firefox 更好地处理这三个问题。