你对CSS Hack的概念是否熟悉,这里和大家分享一下,由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,这个时候我们就需要针对不同的浏览器去写不同的CSS,那么这个针对不同的浏览器写不同的CSS code的过程,就叫CSS Hack,也叫写CSS Hack。
什么是CSS Hack?
由于不同的浏览器,比如InternetExplorer6,InternetExplorer7,MozillaFirefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS Hack,也叫写CSS Hack。
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不能认识。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面如何写里面说得更详细些。
如何写CSS Hack
比如要分辨IE6和firefox两种浏览器,可以这样写:
- <style>
- div{
- background:green;/*forfirefox*/
- *background:red;/*forIE6*/
- }
- </style>
我在IE6中看到是红色的,在firefox中看到是绿色的。
【编辑推荐】