WordPress 中 header.php 中的 <style> 标记在 IE 8 中不起作用答案

【问题标题】：<style> tag in header.php in WordPress not working in IE 8WordPress 中 header.php 中的 <style> 标记在 IE 8 中不起作用
【发布时间】：2015-03-02 09:26:34
【问题描述】：

我在 WP 主题的 header.php 文件中有以下代码：

<style type="text/css">
  #Subheader{display:none;}
</style>

这段代码隐藏了一个 id="Subheader" 的 div，它在 Chrome 和 Firefox 中运行良好，但在 IE 8 中不行。当我在 IE 中查看源代码时，代码就在那里，但它没有隐藏 div。

我也有类似的代码：

<style type="text/css">
#Footer, .lwa-submit-links {display:none;}
</style>

在来自 wp-admin 页面编辑器的页面中，该页面打开时应该隐藏页脚 div。再次，它在 IE 中不起作用。

任何帮助将不胜感激。

【问题讨论】：

确保您的 HTML 已通过验证并且您拥有正确的文档类型

标签： html css wordpress internet-explorer

【解决方案1】：

这听起来非常像 IE 中的一个长期存在的错误，如果它的父容器已经显示无，则尝试使用 display:none 隐藏元素不起作用。当父级重新显示时，子级也变得可见，即使它仍然是 display:none。

这个问题在一个有趣的网站上进行了描述和演示：位置就是一切，关于浏览器错误。这个问题的完整链接是http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm。

但是，它显然是在兼容模式下影响 IE 的事情（从工具/兼容性设置中设置）；不知道你是不是正好在那个模式下运行？即使不是，也值得玩弄你设置为不显示的序列，看看这是否能解决你的问题。

【讨论】：