瀏覽器兼容性問題，CSS

我得到這個顯示在IE 7瀏覽器兼容性問題，CSS

IE 7 Display

我得到在Firefox此顯示：對於下面的代碼

Display in Firefox

enter image description here

有人可以指點我，我應該怎麼做IE瀏覽器顯示simalar Firefox，還有，我如何使大小應該是相同的所有標題？

來源

2011-05-05 Hari Gillala

兩個單詞，[逐漸增強]（http://en.wikipedia.org/wiki/Progressive_Enhancement） – 2011-05-05 16:03:42

只是一些注意事項：您的基礎'box-shadow'和'border-radius'調用應該位於特定於供應商的同行之後，最新的Webkit瀏覽器不再使用'-webkit-gradient（）'語法，但更標準化的'-webkit-線性梯度（）'，現在有一個標準的'線性梯度（）'調用。 – Shauna 2011-05-05 17:55:56

Internet Explorer不支持gradients，shadows或border-radius屬性。 IE9支持border-radius，但這不會有太大的幫助！

你可以看看CSS3 Pie，它使用IE特定的.htc文件來達到幾乎相同的效果。

現在，如果你真的需要完全兼容所有的IE瀏覽器（和其他瀏覽器），我會使用一個圖像。這不是很好，但至少你可以放心，它會一直工作;-)

來源

2011-05-05 16:00:37

IE9不支持漸變。然而，IE10確實如此。 – 2011-05-05 16:03:17

忘記他們只做*一些* CSS3的東西，修復答案。 – 2011-05-05 16:05:48

圓角和陰影不會在IE7中沒有很多聰明的圖像技巧的工作。你不能通過CSS單獨修復它。

或者，如果您不介意採用該路線（例如，請參閱），您可能會找到一個可爲您創建這些效果的JavaScript插件。

來源

2011-05-05 15:59:14 fearofawhackplanet

瀏覽器兼容性問題，CSS

回答

相關問題