html - 一个简单的 CSS 边距或填充在 Internet Explorer 中不起作用

Question

我为我的网站菜单创建了这个 css 代码，它在每个菜单链接之间添加元素符号:CSS:

.main-nav>li:after{
content:'\2022';
    margin-bottom:25px;
    margin-top:25px;
color: #ac3834;
}

.main-nav>li:last-child:after{ 
content: none;
}

在 Firefox 上运行良好，但在 Internet Explorer 上，此 css 代码会被忽略!我测试了一个带有边距 0 的重置 css 代码和一个带有 php 的 if 语句来为 IE 加载不同的样式但仍然相同。IE 只是忽略它，当我使用网站管理员工具检查输出代码时IE 上的 css 是删除线，这是什么意思？

这是带有元素符号的工作菜单 testing website

这是 IE11 奇怪的不良行为错误的图片 http://i63.tinypic.com/2n1e341.png

任何帮助将不胜感激!

Answer 1

问题是“子弹”是由字形创建的。

不幸的是，Glyphicons 并不总是在 IE 上工作。

IE 通常有一个限制字体下载的设置。这是由组策略启用的，不能在标准工作站上更改。

阅读这篇文章以获得进一步的解释: http://msdn.microsoft.com/en-us/library/ms533034(v=vs.85).aspx