SharePoint CSS：不在 IE 上工作后答案

【问题标题】：SharePoint CSS :after not working on IESharePoint CSS：不在 IE 上工作后
【发布时间】：2012-07-25 07:17:17
【问题描述】：

所以我可以很容易地让 IE8 使用:after:

<!DOCTYPE html>
<html>
<style type="text/css">
a.styled:after
{
content:" HAHA! Business.";
color:red;
font-size:12pt;
}
</style>
<body>
Here's some text and stuff. <a href="google.com" class="styled">Here's a link.</a>
</body>
</html>

如果我把它放在一个文本文档中并在 IE 中打开它，它会显示它应该显示的内容：“这是一个链接”后面是“哈哈！商业”，红色。当我尝试将完全相同的代码放入 SharePoint 内容编辑器 Web 部件时，它适用于我尝试过的所有浏览器，但 Internet Explorer 除外。使用 IE，当我使用 :after 时，链接后不会显示任何内容，但任何其他类型的样式都可以正常工作。什么给了？

【问题讨论】：

SharePoint 2007 不支持使用 DOCTYPE（这是必需的 - 请参阅@Josh Mein 的答案中的链接）。

标签： html css sharepoint

【解决方案1】：

IE 8 之前的 IE 不支持 :after，即使在 IE 8 中也支持 does not work without a doctype。您也可以查看this chart of css selectors and their support 了解更多信息。

既然你提到使用 IE8，我找不到它不应该工作的任何原因。您的 Sharepoint Web 部件中可能有一些其他内容可能会导致问题。

您可能还对 how-do-you-work-around-ie-not-supporting-after 或 why-is-sharepoint-dispalying-my-html-and-css-content-improperly 感兴趣，这两个类似的问题可以在 stackoverflow 上找到。

【讨论】：

感谢您的链接。我最终可能会使用某种 JavaScript 解决方案。但就像你说的那样，它似乎应该可以工作，所以它一定是一些 SharePoint 怪异。
why-is-sharepoint-dispalying-my-html-and-css-content-improperly 的 cmets 似乎指出了人们在使用 sharepoints Web 部件时遇到的类似问题。