首页 > 解决方案 > IE 11 未在 wordpress 中显示联系表格 7 表格

问题描述

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

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

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

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

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

标签: wordpressformsplugins

解决方案


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

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

Internet Explorer 11 不支持display: table-column(根据此答案IE 10、IE 9 或 IE 8 也不支持)。

将其更改为:

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

或者:

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

它会起作用的。

或者,您还可以将以下 CSS 片段添加到主题的样式表中,以仅更改 CF7 的字段集的显示方式:

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

推荐阅读