2012-08-01 164 views
1

爲了設置H1和H2顏色值,我在html頁面中使用了以下CSS代碼。HTML-CSS跨瀏覽器顏色問題

<style type="text/css"> 
img 
{border-style: none;} 
H1 {color: "#33CCFF"} 
H2 {color: "#33CCFF"} 
</style> 

這對於Internet Explorer來說工作正常,但對於Chrome,Safari和Firefox來說是失敗的。

如何解決此問題以支持所有瀏覽器?

感謝

+1

CSS中的顏色通常沒有引號。嘗試:{{color:#33CCFF;}' – JCOC611 2012-08-01 23:49:01

回答

5

你需要刪除'「周圍的顏色

  • ;去在CSS聲明的結尾總是這樣:

H1 {顏色:#FFF; } H1#ID.class {color:#FFF; width:100%;} < ====正確的順序爲組合ID's +類

+0

+1很棒! – 2012-08-01 23:50:00

+0

使用檢查http://jigsaw.w3.org/css-validator/大大有助於檢測這樣的錯誤。 – 2012-08-02 05:37:09

+0

事實上,我需要更頻繁地使用w3c驗證程序XD ... 感謝您的解決方案! – Zhall 2012-08-03 18:25:09

0

您需要移除引用Voodoo說,但你也應該用分號(;)來關閉顏色聲明。它可能沒有它,但你真的在尋求麻煩。 ;)