如何編寫Chrome的特定css頂級屬性，mozila

-1

我爲mozila和chrome編寫css頂部。如何編寫Chrome的特定css頂級屬性，mozila

-moz-top : 20px; 
    -webkit-top: 75px;

但它告訴我錯誤「未知屬性名稱」。

來源

2012-12-09 gargvipan

你爲什麼想給特定的Webkit和Firefox的'top'值？你試圖解決什麼問題？ –

供應商前綴不是用於解決瀏覽器不一致的問題，而是針對規範尚未完成的屬性（例如，CSS3屬性）。一旦該規範完成後，瀏覽器應該取消這些屬性的供應商前綴，並兌現前綴不變的版本。 – cimmanon

只需使用top

它是由所有的瀏覽器

來源

2012-12-09 15:55:12

但這不是特定於瀏覽器的操作系統要求的操作 –

@ dev-null-dweller操作系統正在尋找的是不可能的。 – cimmanon

@gargvipan如果您試圖爲每個瀏覽器設置不同的top屬性，那麼您可以先嚐試檢測瀏覽器，然後根據您檢測到的瀏覽器設置屬性。 –

我有點遲到了支持，但是這爲我做的伎倆：

/* this sets standard, which gets IE and others (all except chrome and mozilla) */ 

#EXAMPLE{ 
    top: -10px; 
} 

/* this gets mozilla */ 
@-moz-document url-prefix() { 
    #EXAMPLE{ 
     top: -10px; 
    } 
} 

/* this gets chrome */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #EXAMPLE{ 
    top: -5px !important; 
    } 
}

來源

2014-07-26 02:50:57 Mussser

對於那些說top的人：所有的瀏覽器都是這樣處理的，我可以肯定地告訴你它不是，特別是當嵌套在html5表和li元素中時 – Mussser

如果你使用這種技術：請注意，級聯順序很重要，它允許mozilla和chrome覆蓋之前的#EXAMPLE選擇器樣式。根據需要改變這一點 – Mussser

如何編寫Chrome的特定css頂級屬性，mozila

回答

相關問題