2

所以我可以很容易地让 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 时,链接后不会显示任何内容,但任何其他类型的样式都可以正常工作。是什么赋予了?

4

1 回答 1

2

IE 不支持:afterIE 8 之前的版本,即使使用 IE 8也无法在没有 doctype 的情况下工作。您还可以查看此 CSS 选择器图表及其支持以获取更多信息。

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

您可能还对how-do-you-work-around-ie-not-supporting-afterwhy-is-sharepoint-dispaying-my-html-and-css-content-improperly感兴趣,这里有两个类似的问题堆栈溢出。

于 2012-07-24T18:37:41.410 回答