2017-03-23 21 views
2

我已經使用這個黑客做出Firefox所需的CSS更改。它已經工作了,但是當我驗證代碼時,我有下面的錯誤。我可以使用下面的代碼,還是有更好的方法?是否使用firefox hack O.K?

751  Sorry, the at-rule @-moz-document is not implemented. 
798  Parse Error } 

/********************************* 
FIRE FOX HACK TO FIX ERRORS 
***********************************/ 
@-moz-document url-prefix() { 
    #rectangle { 
     width: 1030px; 
     right: -100px; 
    } 

} 

回答

2

在規則的任何CSS與@-moz-開始是Gecko的發動機具體的規則,即它是一個特定的Mozilla的擴展,而不是標準的規則。

此處的url-prefix規則將包含的樣式規則應用於以URL開頭的任何頁面。如果沒有像@-moz-document url-prefix()這樣的URL參數,它適用於所有頁面。這實際上是一個CSS hack,僅用於鎖定Gecko(Mozilla Firefox)。所有其他瀏覽器都會忽略這些樣式。

因此,您可以完美地使用@-moz-樣式來僅定位Firefox瀏覽器。

有關其他Mozilla特定擴展的列表,請參閱here

有關有效的@moz document規則,請參見here

+0

謝謝@nashcheez –