2012-08-30 170 views
1

我有下面的腳本,它在Firefox和Chrome中表現很好。 ie9不會顯示顏色的變化。任何人都有這樣的經歷......! pl建議。謝謝。我Internet Explorer 9不支持css3風格

<style type="text/css"> 
body { 
background-color: #FF77BB; 
} 
@media screen and (max-width: 960px) { 
body { 
background-color: #8A2BE2; 
} 
} 
@media screen and (max-width: 768px) { 
body { 
background-color: #FF8C00; 
} 
} 
@media screen and (max-width: 550px) { 
body { 
background-color: #7FFF00; 
} 
} 
@media screen and (max-width: 320px) { 
body { 
background-color: #CC0011; 
} 
} 
} 
</style> 
+0

我認爲你在最後一行有一個額外的右括號 –

回答

1

工作正常,一下就在最後去掉多餘的},其他的瀏覽器可能不使它成爲一個問題,但IE9是很挑剔的,如果有一件事是關閉它打破了整個事情。

+0

感謝您的快速回復,我做到了,但仍然無法正常工作。我需要更改任何設置.. !!插件的......! – SP10

+0

檢查並確保您沒有兼容性視圖,http://windows.microsoft.com/en-US/windows7/How-to-use-Compatibility-View-in-Internet-Explorer-9 –

+1

是的, IE很挑剔。我錯過了<!DOCTYPE html />,現在很好 – SP10