CSS 在 IE8 中不工作，而在 IE9 中工作正常

Question

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

我还使用了一个自定义的 css 文件(称为 ralph_golfanatics.css)，我将其加载到 index.php 中，如下所示:

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

该文件的所有自定义样式在IE9中都可以正常显示，但最重要的样式在IE8中不显示。简单地将这些 css 样式手动添加到文件 template_ie8.css(该文件随 Ionosphere 模板包一起提供)并没有改变任何东西。

期待在这件事上得到任何帮助。网页是http://www.golfanatics.de

提前感谢大家的提示。

拉尔夫

Answer 1

不幸的是，您提供的链接无效，因此很难准确确定问题所在。

如果您指的是显示带有尖 Angular 的圆 Angular 边框，这是因为 border-radius 是 IE8 不支持的 CSS3 属性。

参见 this link用于 border-radius 浏览器支持。

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

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