页面效果显示有关问题

页面效果显示问题
服务器环境如下
window server 2012R2
IIS+PHP+MYSQL
基于PHPCMS的一个网站
问题如下：
页面中的一个按钮，在浏览器急速模式下，不显示，在兼容模式下，是可显示的

同样的网站代码，在本地部署以后，不管在急速模式还是兼容模式，都是能看到按钮
按钮样式代码如下

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

会是css代码的兼容性问题么？
对比了网页的源代码、css代码，都是一模一样，瞬间感觉无从下手了。。。
------解决思路----------------------
你分别用f12 进入调试模式进行调试呀。。。对比一下代码的区别就知道了。
------解决思路----------------------
先将按钮改成普通的。比如  .glyphicon{
   width: 100px; 
   height: 80px;
   background: red;
   ///先看这个在极速模式下的区别，再去一个一个添加你的这个按钮的样式代码，看看问题出在哪一行
   如果最普通的样式也会有这种情况，那说明你这个class 可能会与js有关联，导致不兼容。改个名字试一下，如果改了名字还不行，那就可能是其他的样式（比如它的顶层样式）影响到了。慢慢试一下吧。
}