html - WordPress header.php 中的 <style> 标签在 IE 8 中不起作用

Question

我在 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 中不起作用。

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

Answer 1

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

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

然而，这显然是在兼容模式下影响 IE 的事情(从工具/兼容性设置中设置)；我不知道你是否恰好在那种模式下运行？即使不是这样，在玩弄序列时也是值得的，您可以将内容设置为不显示，看看是否可以解决您的问题。