頁面效果顯示有關問題

頁面效果顯示問題
伺服器環境如下
window server 2012R2
IIS+PHP+MYSQL
基於PHPCMS的一個網站
問題如下：
頁面中的一個按鈕，在瀏覽器急速模式下，不顯示，在相容模式下，是可顯示的

同樣的網站代碼，在本地部署以後，不管在急速模式還是相容模式，都是能看到按鈕
按鈕樣式代碼如下

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

會是css代碼的相容性問題嗎？
對比了網頁的原始碼、css代碼，都是一模一樣，瞬間感覺無從下手了。。。
------解決思路----------------------
你分別用f12 進入偵錯模式進行調試呀。。。對比一下代碼的區別就知道了。
------解決思路----------------------
先將按鈕改成普通的。比如 .glyphicon{
width: 100px;
height: 80px;
background: red;
///先看這個在極速模式下的區別，再去一個一個添加你的這個按鈕的樣式代碼，看看問題出在哪一行
如果最普通的樣式也會有這種情況，那說明你這個class 可能會與js有關聯，導致不相容。改個名字試一下，如果改了名字還不行，那就可能是其他的樣式（比如它的頂層樣式）影響到了。慢慢試一下吧。
}

