[分享]css兼容ie8和ie9

随着互联网技术的不断进步，网站界面的优化也变得越来越重要。而CSS作为一种重要的网页样式语言，对于网站排版和样式的呈现起到了关键的作用。不过，还有一些老旧的浏览器，如IE8和IE9，它们对CSS的支持...

随着互联网技术的不断进步，网站界面的优化也变得越来越重要。而CSS作为一种重要的网页样式语言，对于网站排版和样式的呈现起到了关键的作用。不过，还有一些老旧的浏览器，如IE8和IE9，它们对CSS的支持度较低，可能会导致网页在这些浏览器下呈现不一致、错位或者错乱。那么，在编写CSS样式时，如何使得它们能够兼容IE8和IE9呢？

下面就介绍几种方法：

1、使用 css reset

不同的浏览器（包括IE）在显示CSS属性时，有一些默认的样式规则。因此，我们需要使用 CSS Reset来消除所有浏览器的默认规则。这将确保在元素之间没有任何不必要的差异。比较常见的CSS Reset有Eric Meyer’s Reset CSS和Normalize.css。

2、使用百分比宽度

IE8和IE9在渲染宽度时，通常会出现一些问题。为了解决这种问题，我们可以使用百分比宽度，因为百分比宽度可以根据容器大小的变化而自适应调整。

3、使用三角形图案时样式兼容

在IE8及以下版本，使用CSS三角形样式时会出现问题，因为IE8不支持border-radius属性。虽然可以添加一些Hack代码，但是为了解决问题更为简便，可以考虑使用三角形图案、图标字体或者其他工具来代替CSS三角形。

总之，为了让网页在IE8和IE9下呈现良好的效果，我们应该遵循正常的网页制作流程，并且注意IE浏览器的兼容性问题，遵循标准的CSS写法。下面是我总结的几个小技巧，希望对大家有所帮助。