[分享]css中ie9出现问题

随着互联网的发展，越来越多的网站开始使用CSS来美化页面。然而，如果您使用的是IE9浏览器，可能会遇到CSS问题，本文将为您介绍其中的原因和解决方案。很多用户反映在IE9浏览器里，页面布局会出现错位、...

随着互联网的发展，越来越多的网站开始使用CSS来美化页面。然而，如果您使用的是IE9浏览器，可能会遇到CSS问题，本文将为您介绍其中的原因和解决方案。

很多用户反映在IE9浏览器里，页面布局会出现错位、字体不对齐等问题。这是因为IE9浏览器不支持一些最新的CSS属性和样式。

code {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  *display: inline;
} 

比如，在上面的代码中，使用了IE6/7 hack来让显示效果在某些老的IE浏览器里保持一致。但是，IE9不支持这个属性，所以就会出现问题。

解决的方案有两个：

1. 使用CSS hack
2. 使用条件注释

第一个解决方案的思路是通过使用CSS hack，来让IE9浏览器也能识别最新的CSS属性和样式。比如，可以这样写：

code {
  display: -moz-inline-box;
  display: inline-block;
  zoom: 1;
  *display: inline;
  _display: inline;
} 

在上面的代码中，加了一个“_display: inline;”的hack，这个hack在IE9浏览器里不会生效，所以就可以让其他浏览器显示正常，同时也不影响IE9浏览器的使用。

第二个解决方案的思路是使用条件注释，来在IE9浏览器里使用旧的CSS样式。比如：

<!--[if IE 9]>
  <link rel="stylesheet" type="text/css" href="ie9.css" />
<![endif]--> 

在上面的代码中，我们引入了一个名为“ie9.css”的CSS文件，并且这个文件里的样式是IE9专用的。这样就可以保持在IE9浏览器里的兼容性。不过，使用条件注释的方法在HTML5里已经不被支持了。

总之，无论哪种方法，都可以解决IE9浏览器里的CSS问题，让您的页面美如画。希望本文对您有所帮助。