html - li: 之前没有在 IE8 中显示

Question

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

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

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

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

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

有任何想法吗？

Answer 1

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

Answer 2

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

在<!DOCTYPE>：http ://www.w3schools.com/tags/tag_doctype.asp

希望有帮助！