CSS不工作在IE8，而工作正常在IE9 [英] CSS not working in IE8, while working fine in IE9

问题描述

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

我也使用一个自定义的css文件（ ralph_golfanatics.css ）， php如下：

  $ gantry-> addStyles（array（'template.css'，'joomla.css'，' ralph_golfanatics.css'））; 
 

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

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

Ralph

解决方案

p>不幸的是，您提供的链接无法正常工作，因此很难确定问题所在。

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

a href =http://caniuse.com/#feat=border-radius =nofollow>此链接用于border-radius浏览器支持。

有许多CSS3属性不能在旧的浏览器中工作;这是预期的行为，大多数Web开发人员通过使用逐步增强或优雅降级解决此问题。有关详情，请参见此链接。

大多数使用CSS3技术的网站从不会在每个浏览器中都保持不变。

basically a majority of the CSS styles defined for my website are not displayed when opening the page in IE8. This is not only happening for my custom styles (which I load separately through a custom css file), but also for the built-in features of Rockettheme IONOSPHERE template, for example the box1/2/3/4/5/6 module styles. Also, the rounded style is not rendered, and all modules are shown with sharp corners instead.

I am also using a custom css file (called ralph_golfanatics.css), which I load inside the index.php as follows:

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

All custom styles of this file are displayed fine in IE9, but the most important styles are not shown in IE8. Simply adding these css-styles manually in the file template_ie8.css (that file comes with the Ionosphere template package) did not change anything.

Looking forward to receive any help in this matter. The webpage is http://www.golfanatics.de

Thank you all in advance for your hints.

Ralph

解决方案

Unfortunately, the link you've included isn't working so it's difficult to pin down exactly what the problem is.

If you're referring to rounded borders displaying with sharp corners this is because border-radius is a CSS3 property which is not supported in IE8.

See this link for border-radius browser support.

There are many CSS3 properties which don't work in older browsers; this is expected behavior and most web developers work around this by using either 'progressive enhancement' or 'graceful degradation'. See this link for more information.

Most websites using CSS3 techniques will never look the same in every browser.

这篇关于CSS不工作在IE8，而工作正常在IE9的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！