Question

我创建了一个javafx applet，它将被加载到jquery弹出窗口中。我还有一个弹出窗口，它也将被加载到同一页面中。

当我点击弹出的小程序然后单击正常弹出窗口。我可以看到弹出的小程序与弹出窗口重叠。请提出任何解决方案。

<html>

<script>

    function openPopup() {
                $("#dialogID").dialog();
                getAudioPlayer("dialogID");


        }
            function openPopup1() {
                $("#rubricID").dialog();


        }
        function getAudioPlayer(parentObj) {
        alert("HI");
      var fxstring = javafxString(
        {
                archive: "JavaFXApplication1.jar",
                width: 250,
                height: 80,
                code: "javafxapplication1.Main",
                name: "myApplet",
                id: "myApp"
        }
      );
      document.getElementById(parentObj).innerHTML = fxstring;
    }



</script>
<input value="Audio Response" onclick="openPopup()" type="button">
<input value="Pop Up" onclick="openPopup1()" type="button">
    <div id="dialogID"
                style="display: none; width: 1000px; height: 1000px; overflow:visible; background-color: #AAAAAA; font-family: Arial, Verdana, Sans Serif; font-size: 12px; font-style: normal; font-weight: normal;z-index: -1;">

        </div>

            <div id="rubricID"
                style="display: none; width: 1000px; height: 1000px; overflow:visible; background-color: #FFFFFF; font-family: Arial, Verdana, Sans Serif; font-size: 12px; font-style: normal; font-weight: normal;z-index: 100;">

        </div>
</body>
</html>

Answer 1

检查css我认为它与zindex

有关

请查看http://jsfiddle.net/EqUxz/以获取示例：）

小程序重叠

1 个答案: