li: 之前没有在 IE8 中显示答案

【问题标题】：li:before not showing in IE8li: 之前没有在 IE8 中显示
【发布时间】：2013-03-06 16:15:00
【问题描述】：

我们的新网站上的列表菜单有问题。

我正在使用 li:before 来显示 |在菜单中的所有项目之前。使用以下 CSS：

#menu li:first-child:before {
    content:"";
    }

#menu li:before {
content: " | ";
}

由于某些奇怪的原因，这在我之前做过的网站上运行良好：http://www.oneillsbedandbreakfast.com 但它不适用于我目前正在开发的网站：http://www.scoridcottage.com/newdesign

有什么想法吗？

【问题讨论】：

【解决方案1】：

要使:before 在 Internet Explorer 8 中工作，必须设置 <!DOCTYPE>。在您的网站中，注释出现在文档类型之前。这会导致某些浏览器出现奇怪的行为。

【讨论】：

【解决方案2】：

根据W3Schools，必须声明<!DOCTYPE>，:before 才能在IE8 中工作。其他伪元素也是如此（如:first-child）。

希望有帮助！

【讨论】：