CSS hack大全之特殊符号的应用解决浏览器兼容性问题

本文将详细讲解“CSS hack大全之特殊符号的应用解决浏览器兼容性问题”的攻略。

什么是CSS hack？

CSS hack指的是在网页设计中，通过一定方式使用CSS的一些特殊符号来解决浏览器兼容性问题的方法。

特殊符号的应用

\9

\9 是以前IE浏览器特有的语法，表示只有IE6、IE7、IE8才会执行此段CSS代码。

示例：

.class{
  background-color: #000\9;
}

\0

\0 是IE8及以下版本特有的语法，能够使除IE8外，其他各种浏览器都会执行此段CSS代码。

示例：

.class{
  background-color: #000\0;
}

!

在CSS中，! 是表示important的意思，同时也可以作为hack的一种方式。在某些特定情况下，! 与后面遵循的CSS代码之间的空格可以在某些浏览器中起到hack的效果。

示例：

.class{
  margin-top: 10px !important;/*使用!important方式*/
  margin-top: 20px !   /*在此处添加空格，以达到hack的效果*/
}

_和-

当CSS属性名不存在时，某些浏览器会忽略此属性名后的所有CSS代码，并将其读取为空白。因此，可以使用_ 或 - 作为hack的方法，在某些浏览器中读取CSS代码。

示例：

.class{
  background-color: #CCC;   /*所有浏览器都会执行的代码*/
  _background-color: #F00; /*IE6特有的代码*/
  -background-color: #333; /*IE7,8特有的代码*/
}

总结

通过使用如上所述的一些特殊符号，可以解决一些浏览器兼容性问题。当然这并不是最好的解决方式，最好还是采用标准的CSS语法。但在一些特殊情况下，CSS hack是一个不错的临时解决办法。