csshack关于CSS hack的写法

CSS hack 如何写，使得只有IE8识别，IE6/7不识别

没有IE7和IE8的HACK主流的做法是将IE8设置为兼容显示IE7like this:

如何写CSS hack，如何解决浏览器兼容问题？

建议你用！inprotant，我的hack都是用的这个，！important在E6中是不识别的，而在其他浏览器中能提高优先级。

给你个实例： #why{width:200px; width:195px！important;..........}在这里面后面的width被加了个！important，提高了优先级，除IE6及以下版本外的其他浏览器能识别，根据后置优先原则，在除IE6及以下版本外的其他浏览器中，width被解释成195px；而在IE中则解释成200px；同理可以解决其他部分问题。

希望对你有用！

什么叫做css hack

css hack就是 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS（层叠样式）的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。

这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack。

关于CSS hack的写法

我来给您解答～

<style>

#example{color:red ;}/*firefox*/ * html #example{color:blue;}/*ie6*/ *+html #example{color:green;}/*ie7*/ #example{color:yellow;}/*ie8*/

</style>

或者简写成

#example{border:1px solid red;+ border:1px solid green;_border:1px solid blue;border:1px solid yellow;}

还可简写成

#example{border:1px solid red!important;*border:1px solid green;border:1px solid yellow;}/*这样写是指，FF和IE是一样的效果 取red，iIE取green,I8取yellow ,如果不加!important，只有FF取red,ie6和ie7取green,IE8取yellow*/