簡單的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就是stroketrough，那意味着btw嗎？

這是子彈測試網站的工作菜單

這是IE11怪異的不良行為錯誤的圖片http://i63.tinypic.com/2n1e341.png

任何幫助將非常感激 ！

Answer 1

問題是“子彈”是由一個glyphicon創建的。

不幸的是，Glyphicons不會一直在IE上運行。

IE通常具有限制字體下載的設置。 這是由組策略啟用的，不能在標准工作站上更改。

有關本文的更多說明，請參見： http : //msdn.microsoft.com/zh-cn/library/ms533034(v=vs.85).aspx

Answer 2

1. 對於每個IE版本，都有一些特定的方法可以使CSS生成op，所以也許您想查找一下。 並且如果它的最低要求實際上意味着IE不知道如何處理代碼。

2. 而且我不知道這是否是一個合法的解決方法，但是我班上的一些人在線找到了一個腳本，該腳本可以轉換CSS，以便可以在IE 11上使用CSS，因此您可以嘗試使用該腳本。 （如果我在第二種選擇上錯了，請糾正我）