CSS无法在IE8中工作，而在IE9中工作正常

Question

在IE8中打开页面时，基本上不会显示为我的网站定义的大部分CSS样式。这不仅适用于我的自定义样式（我通过自定义css文件单独加载），还适用于Rockettheme IONOSPHERE模板的内置功能，例如box1/2/3/4/5/6模块样式。此外，圆形样式不会渲染，所有模块都显示为尖角。

我也在使用自定义css文件（称为ralph_golfanatics.css），我在index.php中加载如下：

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

此文件的所有自定义样式在IE9中都可以正常显示，但最重要的样式在IE8中不显示。只需在文件template_ie8.css中手动添加这些css样式（该文件随Ionosphere模板包一起提供）并没有改变任何内容。

期待在此事上获得任何帮助。该网页为http://www.golfanatics.de

提前感谢大家的提示。

拉​​尔夫

Answer 1

不幸的是，您所包含的链接无法正常工作，因此很难准确确定问题所在。

如果你指的是带有尖角的圆角边框，这是因为border-radius是一个CSS3属性，IE8不支持。

有关border-radius浏览器支持，请参阅this link。

有许多CSS3属性在旧浏览器中不起作用;这是预期的行为，大多数Web开发人员通过使用“渐进增强”或“优雅降级”来解决这个问题。有关详细信息，请参阅this link。

大多数使用CSS3技术的网站在每个浏览器中永远不会看起来相同。