網頁跨瀏覽器CSS

我的表單在Firefox中看起來不錯，但在Chrome和IE上比我想要的要低。在Chrome和FF中完美的時候，IE的頁腳也會更高。網頁跨瀏覽器CSS

我只想知道是否有任何方法可以使CSS針對每個瀏覽器，所以如果我在FF，IE或Chrome中打開我的頁面，它將使用特定於其的CSS。

感謝

更新：

我發現這個代碼，以使IE瀏覽器一個獨立的樣式表：

<!--[if IE]> 
     <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]-->

有一個我可以爲所有其他瀏覽器？

來源

2011-12-19 user1060444

一般來說，你不需要那麼除IE任何其他瀏覽器，甚至沒有爲IE不一定。如果你不能使代碼適用於所有主流瀏覽器（減去IE）你可能想轉向CSS和HTML驗證器http://jigsaw.w3.org/css-validator/ - http://validator.w3.org/ – Joonas 2011-12-19 12:09:37

你可以使用JavaScript來根據瀏覽器的類型寫出樣式表。 – 2011-12-19 13:20:50

在IE瀏覽器，你可以使用條件註釋添加特定的樣式表： http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

對於Mozilla和Chrome，你可以使用供應商特定的標籤。在Chrome中，你會使用這樣的事情（如Chrome是基於WebKit，你的標籤前添加-webkit）：

#foo { 
    -webkit-border-radius:5px; 
    -webkit-box-shadow: 5px 5px 5px #000; 
}

而且在Mozilla你可以使用（標籤前添加-moz）：

#foo { 
    -moz-border-radius:5px; 
    -moz-box-shadow: 5px 5px 5px #000; 
}

你必須記住你不能在所有的標籤中這樣做。

列表爲Mozilla： https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

名單鉻： http://qooxdoo.org/documentation/general/webkit_css_styles

來源

2011-12-19 12:04:23 diofeher

這隻適用於較新版本的Chrome和Firefox ... – 2011-12-19 13:19:22

@CharmingPrince是的你的權利，這甚至不適用於我的版本的鉻或FF。我想我會嘗試JavaScript路線。謝謝 – user1060444 2011-12-19 14:06:20

網頁跨瀏覽器CSS

回答

相關問題