如何让 div 弹出超过 IFRAME 的限制？

Question

我在 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 弹出下面的字段。

这可能吗？

Answer 1

据我所知这是不可能的。

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

Overflow content outside of HTML Frame Element

如何让 div 弹出超过 IFRAME 的限制？

How to get a div to pop over limits of an IFRAME?

javascript

css

iframe

jquery

dynamics-crm-2016