Web开发之搜狗浏览器兼容CSShack_html/css 仅IE支持的条件注释语句虽有效，但不符XHTML1.1规范。各IE浏览器有常用前缀。CSS特殊字符hack中，不同字符对IE系列及搜狗浏览器的支持情况各异。文中还列举了多种Hack应用情境及实例代码，涵盖IE6.0及以上、搜狗浏览器等的兼容情况，如IE6、7、8的识别，以及仅IE7、搜狗浏览器的识别等。下面是小编精心整理编写的关于“ Web开发之搜狗浏览器兼容CSShack_html/css ”的详细教程，请大家仔细阅览学习：

Web开发之搜狗浏览器兼容CSShack_html/css

1. 仅IE支持的条件注释语句，除IE外的搜狗浏览器等其他浏览器均可识别。虽然这种方法有效，但在HTML VALIDATOR中会报错，因为其不符合XHTML 1.1的规范。若去掉ELSE语句，则可正确。立即学习“前端免费学习笔记（深入）”。加载CSS2的方法如下：

2. 各IE浏览器常用前缀（IE的问题确实让人有些无奈）。

3. CSS特殊字符hack：

（1）「9」仅支持所有IE系列。

（2）「*」仅IE6、IE7支持。

（3）「_」仅IE6支持。

（4）「!important」仅IE7、搜狗浏览器等支持。

4. 各种特殊字符Hack实例验证：

Hack应用情境（一）

适用范围：IE6.0、IE7.0、IE8.0之间的兼容。

实例代码：

.bb{height:32px;background-color:#f1ee18; /*所有浏览器识别*/.background-color:#00deff9; /*IE6、7、8识别*/+background-color:#a200ff; /*IE6、7识别*/_background-color:#1e0bd1; /*IE6识别*/}

/*一个用于展示的class为bb的div标签*/

div >

Hack应用情境（二）

适用范围：IE6.0、IE7.0、IE8.0、搜狗浏览器之间的兼容。

实例代码：

.bb{height:32px;background-color:#f1ee18; /*所有浏览器识别*/background-color:#00deff9; /*IE6、7、8识别*/+background-color:#a200ff; /*IE6、7识别*/_background-color:#1e0bd1; /*IE6识别*/}.bb, x:-moz-any-link, x:default{background-color:#00ff00;}/*IE7、搜狗浏览器3.5及以下识别*/ @-moz-document url-prefix(){.bb{background-color:#00ff00;}}/* 仅搜狗浏览器识别 */ * +html.bb{background-color:#a200ff;}/* 仅IE7识别 */

/*一个用于展示的class为bb的div标签*/

div >

Hack应用情境（三）

适用范围：IE6.0、IE7.0、IE8.0、搜狗浏览器、Safari(Chrome)之间的兼容。

实例代码：

.bb{height:32px;background-color:#f1ee18; /*所有浏览器识别*/background-color:#00deff9; /*IE6、7、8识别*/+background-color:#a200ff; /*IE6、7识别*/_background-color:#1e0bd1; /*IE6识别*/}@media screen and (-webkit-min-device-pixel-ratio:0){.bb{background-color:#f1ee18}}{} /*Safari(Chrome)有效*/.bb, x:-moz-any-link, x:default{background-color:#00ff00;}/*IE7、搜狗浏览器3.5及以下识别*/ @-moz-document url-prefix(){.bb{background-color:#00ff00;}}/*仅搜狗浏览器识别*/ * +html.bb{background-color:#a200ff;}/* 仅IE7识别 */

/*一个用于展示的class为bb的div标签*/

div >

Hack应用情境（四）（GOOD）

适用范围：IE6.0及以上版本，搜狗浏览器2.0及以上版本，Opera 10.0及以上版本，Sarari 3.0及以上版本，Chrome全兼容。

实例代码：

（此处未给出具体实例代码）

关于《Web开发之搜狗浏览器兼容CSShack_html/css》这篇文章的具体内容就介绍到这里，希望能对大家有所帮助。更多相关资讯和教程请关注 搜狗输入法!