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

据我所知，这是不可能的。

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

Extend div outside bounds of iFrame?

Overflow content outside of HTML Frame Element

如何让div超越IFRAME的限制？

1 个答案: