字體真棒堆棧問題與CSS不應用Chrome PC

Question

我有一些代碼，顯示未讀消息的形式通知一個字體，真棒收件箱與紅色圓圈警報和未讀的郵件數量。該代碼工作正常（迄今爲止測試）在Firefox（Mac和PC），即鉻電腦。

這是我以前http://codepen.io/johnstuif/pen/pvLgYp

的例子下面是它看起來像在Firefox（蘋果機）

它無法在Chrome（蘋果機）工作。我能夠看到收件箱，但我無法看到紅色圓圈和數字。

.fa-stack 
 
{ 
 
    margin-bottom: -60px; 
 
} 
 
    
 
.fa-stack[data-count]:after 
 
{ 
 
position:absolute; 
 
right:66.9%; 
 
top:-5%; 
 
content: attr(data-count); 
 
font-size:30%; 
 
padding:.5em; 
 
border-radius:999px; 
 
line-height:.60em; 
 
color: white; 
 
background:rgba(255,0,0,.85); 
 
text-align:center; 
 
min-width:.1em; 
 
font-weight:bold; 
 
}

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<a class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="inbox_container" style="margin-top: -9px"> 
 
<span class="fa-stack fa-2x" id="inbox_total" data-count="3"> 
 
    <i class="fa fa-inbox"></i> 
 
</span> 
 
</a>

我假設有一個bug問題與瀏覽器，但如果我連我不能爲我的生活弄清楚如何得到它與Chrome瀏覽器（MAC）工作能夠。

Answer 1

我從一些搜索中發現，我所要做的就是做一個clearing of chrome cache and a hard reset，它現在可以工作。

令人驚歎！