不同的結果在Firefox和Chrome

Question

背景圖像我有這個網站：

http://gazien.com/app.php/hello/javier

正如你可以看到導航欄分隔顯示在Chrome和Firefox不同。我喜歡Firefox瀏覽器。我如何在Chrome中獲得同樣的效果？

Answer 1

從nav中刪除邊框圖像。由於這個屬性不影響Firefox的風格。

header nav { 
clear: left; 
list-style: none; 
text-align: center; 
/* 
border-image: url("/bundles/placasfrontend/images/linea.jpg"); 
-webkit-border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round; 
-o-border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round; 
border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round;*/ 
} 

Answer 2

您在CSS中使用了前綴，這會在Chrome和Firefox上呈現不同的前綴。要使Chrome看起來像Firefox一樣，請移除cf7228f.css，第90和92行上的邊框圖像：

header nav { 
    clear: left; 
    list-style: none; 
    text-align: center; 
    /* border-image: url("/bundles/placasfrontend/images/linea.jpg"); */ 
    /* -webkit-border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round; */ 
    /* -o-border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round; */ 
    /* border-image: url("/bundles/placasfrontend/images/linea.jpg") 30 30 round; */ 
}