如何让 div 超出 IFRAME 的限制？答案

【问题标题】：How to get a div to pop over limits of an IFRAME?如何让 div 超出 IFRAME 的限制？
【发布时间】：2016-08-05 19:51:54
【问题描述】：

我在 CRM 表单中使用 Spectrum 颜色选择器作为 Web 资源，我认为它实际上是一个 IFRAME，我希望 IFRAME（一个 div）的内容超出其限制，在父文档上弹出。我不希望 IFRAME 本身适应正在扩展的 div 的大小，因为这会使表单变得丑陋。

这是 HTML：

<html>
    <head>
        <title>Color Picker</title>
        <script src="../Scripts/jquery.1.12.3.min.js"></script>
        <script src="../Spectrum/spectrum.js"></script>
        <link rel="stylesheet" href="../Spectrum/spectrum.css" />
        <script>
            $(document)
            .ready(function () {
                $("#full").spectrum({
                    color: "#ECC",
                    showInput: true,
                    className: "full-spectrum",
                    showInitial: true,
                    showPalette: false,
                    showSelectionPalette: false,
                    maxSelectionSize: 10,
                    preferredFormat: "hex",
                    localStorageKey: "spectrum.demo",
                    move: function (color) {

                    },
                    show: function () {

                    },
                    beforeShow: function () {

                    },
                    hide: function () {

                    },
                    change: function() {

                    }
                });


            });

        </script>
    </head>
    <body>
        &nbsp;&nbsp;&nbsp;&nbsp;<input type='text' id="full" style="position:absolute;"/>
    </body>
</html>

我想玩z-index，但这似乎只适用于图像。

这是生成的形式：

我希望蓝色箭头指向的 div 弹出下面的字段。

这可能吗？

【问题讨论】：

标签： javascript jquery css iframe dynamics-crm-2016

【解决方案1】：

据我所知这是不可能的。

这是这些答案的重复（可能还有许多其他答案）：

Extend div outside bounds of iFrame?

Overflow content outside of HTML Frame Element

【讨论】：