0

我正在努力将 Pardot 表单处理程序表单作为 iFrame 添加到 Elementor HTML Snippet 中,虽然它在 Chrome(默认浏览器)中显示良好,但当我切换到 Firefox 或 Safari 时,表单仅显示前两个字段,并且进入下一级字段的唯一方法是通过 TAB。我试图清除和删除缓存,但无济于事。

这是代码片段:

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Pardot iFrame Resizing</title>
        <meta name="description" content="iFrame message passing test">
        <meta name="viewport" content="width=device-width">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <style type="text/css">
            iframe {
                border: 0;
                border-color: rgba(0,0,0,0);
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
                width: 100%;
            }

        </style>
    </head>
    <body>
        <iframe src="https://go.hisshosushi.com/l/895511/2021-01-16/3fnc" width="100%" scrolling="no"></iframe>
    
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script>
        <script type="text/javascript">
      iFrameResize({log:true});
</script>
    </body>
</html>
4

1 回答 1

0

我遇到了同样的问题,然后我添加了一个z-index: 10;并出现了。页面上没有其他 z-index。

于 2021-08-20T17:49:51.120 回答