IE9的div兼容性及CssHack

　　就在今年由于工作的需要，秋风网络工作室所使用的操作系统从XP升级为WIN7。目的只有一个，就是更好提高用户体验。当你还用XP系统时，很多客户已经使用上WIN7了，很多GHOST版的WIN7默认浏览器就是IE9，当然WIN7中的IE9和更高的版本的IE浏览器是XP系统所无法使用的（话说：曾经我在使用XP时在百度中找寻很久使用IE9的方法，不是遇到病毒就是下载到说着支持IE9噱头的垃圾浏览器，最终还是无法使用上IE9）。当你已经在使用这个浏览器时下面我来告诉你关于IE9的一些内容。

　　IE9这个浏览器我平时用到的时候还是不多的，我只拿它来检查网站页面的兼容性。它对HTML代码的要求比IE8、IE7、IE6更为严格，曾经我就因为少写一个“/”代码导致页面布局排版错误。这个错误在IE6、7、8上面都没有体现出来。内容是这样的：

　　<a href="http://www.qfwlgzs.com" target="_blank">秋风网络工作室<a>

　　注意后面A标签的结束部分，正常应该是</a>被我写成了<a>，页面在IE9下页面错位了。对于其他成对的标签如：P、div等标签如果你少写了“/”一样会错误的，这一点大家以后要注意了。

　　上面说的是IE9对HTML代码的内容，现在来说说IE9的CSS。

　　我们用XP系统的时候就应该了解到CSS是有CSSHACK的。每个浏览器会有一个或是多个对应的CSSHACK。之前我也写过一篇关于CSSHACK的文章《兼容IE6/IE7/IE8/FireFox的CSS》。其中介绍了IE6、IE7、IE8对应的CSSHACK。CSSHACK是一个让站长们非常喜欢的东西，通过CSSHACK可以完成各个浏览器之间所产生的页面兼容问题。那么IE9有CSSHACK吗？告诉你有，但是只是背景颜色的兼容写法，对于DIV P SPAN STRONG等都无法单独去修改，这是非常遗憾的地方，如果以后有高人研究出来可以单独控制这些元素的CSSHACK本站将会在本文中更新。下面说下IE9浏览器关于CSS背景颜色的CSSHACK。上代码：

div {
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
*background-color:green; /* ie 7*/
_background-color:gray; /* ie 6*/
}

注意写csshack的顺序，其中：
1.background-color:red\0;IE8和IE9都支持；
2.background-color:blue\9\0; 仅IE9支持；

1. 区别FF(IE8)与IE6 IE7
backgorund:orange; FF和IE8背景色将为橘黄色
*backgorund:red; IE6和IE7背景色将为红色

2. 区别FF(IE8)与IE6与IE7
background:orange; FF和IE8背景色将为橘黄色
*background:red !important; IE7背景色将为红色
*background:blue; IE6背景色将为蓝色

3. 区别FF(IE8)与IE6与IE7
background:orange; FF和IE8背景色将为橘黄色
*background:red; IE7背景色将为红色
_background:blue; IE6背景色将为蓝色

4. 区别FF与IE6 IE7 IE8 IE9
color:gray; FF等非IE浏览器字体色将为灰色
color:red\9; IE8 IE9字体色将为红色
*color:green; IE7字体色将为绿色
_color:blue; IE6字体色将为蓝色

tips:CSSHACK编写顺序:先写火狐或者谷歌等非IE浏览器所需样式，其次写IE8/9的样式，然后是IE7的，再然后才是IE6的！

只要你记住"*"和"_"我想就足够区别于火狐(IE8)与IE6与IE7了

本文出自：秋风网络工作室