奇怪的CSS問題 - 適用於Safari瀏覽器，不適用於Chrome瀏覽器

Question

因此，我決定在應用程序的網頁中對這些內容進行一些更改。今天我注意到，一些已經...可怕的錯誤：

• 頁面看起來罰款Safari瀏覽器
• 在Chrome底部的頁腳看起來像一個爛攤子（沒有背景，沒有任何造型。 ..）

Safari中：

鉻：

---

這裏的頁腳部分（PHP/HTML）：

<div id="prefooter"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-xs-3" style='text-align:center;'> 
        <a href="<?php echo home_url('/category/plugins'); ?>"><i class="fa fa-plug"></i>&nbsp;&nbsp;Plugins</a> 
       </div> 
       <div class="col-xs-3" style='text-align:center;'> 
        <a href="<?php echo home_url('/category/themes'); ?>"><i class="fa fa-paint-brush"></i>&nbsp;&nbsp;Themes</a> 
       </div> 
       <div class="col-xs-3" style='text-align:center;'> 
        <a href="<?php echo home_url('/category/blog'); ?>"><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Blog</a> 
       </div> 
       <div class="col-xs-3" style='text-align:center;'> 
        <a href="<?php echo home_url('/contact-us'); ?>"><i class="fa fa-life-ring"></i>&nbsp;&nbsp;Support</a> 
       </div> 
      </div> 
     </div> 
    </div> 

這裏的CSS/LESS部分：

#prefooter { 
    background:#555; 
    height: 45px; 
    font-family: 'Helvetica Neue', Helvetica, arial, freesans, clean; 
    font-size:16px; 
    padding-top:10px; 

    a { 
     color: #ddd; 

     &:hover { 
     color: white; 
     text-decoration:none; 
     } 
    } 
} 

---

直播：The actual website

---

UPDATE：

夥計們，非常感謝您的幫助。但是，罪魁禍首是Cache（我認爲我已經清除了它）。進入隱身模式，奇蹟般地解決了這個問題！ :-)

Answer 1

在我的鉻上它工作。你使用的是什麼版本的Chrome？ 我正在使用版本39.0.2171.71（64位）。

鉻：

Answer 2

嗯，我得到了鍍鉻和它看起來像它應該做的。確定你的Chrome沒有更新？

如果這不是它，你應該知道chrome和mozilla在某些東西上有默認值。但通常它只是定位你的東西而煩人。

Thoose是屬性：
-O-歌劇
-moz-的壁虎（Mozilla的）
-webkit-爲Webkit的（瀏覽器，Safari瀏覽器，Android的...）
-ms-微軟（Internet Explorer）
-khtml-爲KHTML（Konqueror）