css hack深入分析

 
更多

什么是CSS hack?

  由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对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; /* for firefox */ 
  *background:red; /* for IE6 */ 
} 
</style>

      其结果是我在IE6中看到是红色的,在firefox中看到是绿色的。

打赏

本文固定链接: https://www.cxy163.net/archives/4687 | 绝缘体

该日志由 绝缘体.. 于 2013年05月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: css hack深入分析 | 绝缘体
关键字: , , , ,

css hack深入分析:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter