WordPress header.php 中的 <style> 标签在 IE 8 中不工作

Question

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

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

此代码隐藏了一个 div 和 id="Subheader"，它在 Chrome 和 Firefox 中工作正常，但在 IE 8 中不行。当我在 IE 中查看源代码时，代码在那里，但它没有隐藏 div.

我也有类似的代码:

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

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

如有任何帮助，我们将不胜感激。

Answer 1

这听起来非常像 IE 中的一个长期存在的错误，如果 parent 容器已经显示 none，则尝试使用 display:none 隐藏元素是行不通的。当 parent 为 re-shown 时，child 也变得可见，尽管它仍然是 display:none。

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

然而，它是 apparently 影响兼容模式下的 IE 的东西（从 Tools/Compatibility 设置）；不知道你是不是运行那个模式呢？即使不是，在玩弄您设置要显示的内容的序列时也是值得的 none 看看是否能解决您的问题。

<style> tag in header.php in WordPress not working in IE 8