2012-07-20 206 views
0

基本上,在IE8中打開頁面時,大多數爲我的網站定義的CSS樣式都不顯示。這不僅發生在我的自定義樣式(我通過自定義css文件單獨加載)上,而且也發生在Rockettheme IONOSPHERE模板的內置功能中,例如box1/2/3/4/5/6模塊樣式。另外,圓角樣式不會被渲染,所有模塊都會顯示爲尖角。CSS不能在IE8中工作,而在IE9中工作正常

我還使用自定義的CSS文件(稱爲ralph_golfanatics.css),這是我的index.php文件裏面加載如下:

$gantry->addStyles(array('template.css','joomla.css', 'ralph_golfanatics.css')); 

該文件的所有自定義樣式在IE9中顯示正常,但最IE8中沒有顯示重要的樣式。只需在文件template_ie8.css(該文件附帶Ionosphere模板包)中手動添加這些css樣式,不會改變任何內容。

期待在這件事上得到任何幫助。網頁是http://www.golfanatics.de

非常感謝大家的提示。

拉爾夫

+2

不要指望IE正在工作 – Dani 2012-07-20 08:42:58

+0

你的css路徑在哪裏 – 2012-07-20 08:43:40

回答

1

不幸的是,你已經包括了鏈接不工作所以現在還很難拖住到底是什麼問題。

如果您指的是使用銳角顯示的圓角邊框,這是因爲border-radius是IE8中不支持的CSS3屬性。

請參閱this link以獲取邊界半徑瀏覽器支持。

有許多CSS3屬性不適用於舊瀏覽器;這是預期的行爲,大多數Web開發人員通過使用「漸進式增強」或「優雅降級」來解決此問題。有關更多信息,請參閱this link

大多數使用CSS3技術的網站都會在從不在每個瀏覽器中都一樣。

+0

另外一個很好的參考站點是http://caniuse.com/,用於檢查什麼是和什麼不能在哪個瀏覽器上工作。 – DBUK 2012-07-20 12:58:45

相關問題