我正在努力将Pardot表单处理程序表单添加到元素HTML片段中作为iFrame,虽然它在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>
我有同样的问题,然后我添加了一个z-index: 10;
,它出现了。页面上没有其他z-index