**Web前段兼容性--hover属性**

关于前段，我们总是面对IE浏览器的前辈版本束手无策；接下来我举一些我平常遇到的IE 火狐…兼容性的解决方法。

---

工作中经常会遇到各种各样的浏览器， 于是自己查阅了些资料，整理了下各种浏览器的内核， 便于大家查阅

1. Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
2. Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。
3. WebKit内核代表作品Safari、Chromewebkit 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。
4. Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。

---

box-shadow、hover属性的兼容性IE 6/ Google兼容解决方法：

#div{
    border:#EEE solid 1px;
    box-shadow: 0 0 8px #DDD;
    /*box-shadow: h-shadow v-shadow blur spread color inset;*/
    -moz-box-shadow: 0 0 8px #DDD;        /* 火狐浏览器  */
    -webkit-box-shadow: 0 0 8px #DDD;    /* Google 浏览器  */

}

body{
      behavior:url(css/csshover.htc);
}
/*   IE  浏览器兼容  */

在这里解决hover属性IE 6兼容性，需要下载一个csshover.htc文件可以解决IE 6不兼容问题！