IE 11 未在 wordpress 中显示联系表格 7 表格答案

【问题标题】：IE 11 is not displaying contact form 7 forms in wordpressIE 11 未在 wordpress 中显示联系表格 7 表格
【发布时间】：2018-05-16 17:22:44
【问题描述】：

我是一名网站设计师，完全不知道为什么我的联系表格 7 表格根本没有在 wordpress 中显示：

https://ahaproperties.com/wp/summerhill-woods-apartments/summerhill-woods-contact-us/

我尝试通过将其放在头部来强制 IE 7 兼容模式（我从另一篇文章中了解到）：''

但后来 IE 给了我这个错误：无法获取未定义或空引用的属性“原型”。

我可以在源代码中看到表单...但是要让它显示在浏览器中的解决方案是什么？在所有其他浏览器中一切看起来都很好。提前致谢。

【问题讨论】：

刚刚使用 IE11（在 Windows 10 上）检查了您的网站，我可以在那里看到一个联系表。
我想您可能一直在查看 wordpress 默认主题 - 客户和我自己在清除缓存和历史记录后仍然只看到一个空白 :( 您看到的页面看起来像这样吗？@987654322 @
这似乎是个问题，因为 IE 11 的镜头是第 2 次、第 3 次和最后一次：ahaproperties.com/wp/wp-content/uploads/2018/05/…
在我的第一篇文章中，我使用了错误的 'tick' - 对此感到抱歉 - 这是我试图放入 header.php 的内容。 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 对此感到抱歉。不幸的是，它没有用——我想我需要一个超级英雄；）
在下面查看我的答案，我在 IE 11 上对其进行了测试，它为我解决了这个问题 :)

标签： wordpress forms plugins

【解决方案1】：

在名为 g1-screen.css 的样式表中，第 378 行，你有这个：

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: table-column; min-width: inherit; }

Internet Explorer 11 不支持display: table-column（根据this answer，IE 10、IE 9 或 IE 8 也不支持）。

将其更改为：

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: table-cell; min-width: inherit; }

或：

/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
fieldset { display: block; min-width: inherit; }

它会起作用的。

或者，您也可以将以下 CSS sn-p 添加到主题的样式表中，以仅更改 CF7 的字段集的显示方式：

.wpcf7-form fieldset {
    display: table-cell;
}

【讨论】：

天哪，如果这行得通，我欠你一个水果篮。现在检查！
祝福你 - 我成功了 :) 我选择了最后一个解决方案以避免主题更新覆盖。我不认为你有一个神奇的 sn-p 使复选框/单选按钮位于基线上，是吗？由于某种原因，它们挂得太高了。
我现在正在重新启动我的笔记本电脑（该死的 Windows 更新......）所以我现在看不到。你也应该为此提出一个新问题：P 请接受这个答案，我会尽快去看看新问题。
请忽略我的复选框问题，因为我在另一篇文章中找到了合适的 css - 再次非常感谢。我会通知主题开发者您的发现。

【解决方案2】：

以下内容立即生效。我把它放在 Wordpress 的“自定义”和“附加 CSS”下：

...您还可以将以下 CSS sn-p 添加到主题的样式表中，以仅更改 CF7 的字段集的显示方式：

.wpcf7-form fieldset {
display: table-cell;
}

【讨论】：