兼容大全令网页能正常显示在 等浏览器上
1、什么是 CSS hack
由于不同的浏览器,比如 等,对 的解析认识
不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的 ,让它能够同时兼容不同的浏览器,能在不同的浏览器
中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的 的过程,就叫 也叫写 。
2、CSS Hack 的原理是什么
由于不同的浏览器对 的支持及解析结果不一样,还由于 中的优先级的关系。我们就可以根据这个来
针对不同的浏览器来写不同的 。
比如 能识别下划线和星号 , 能识别星号 ,当不能识别下划线,而 ! 两个都不能认识。等等
3、书写顺序
一般是将识别能力强的浏览器的 写在后面。下面如何写里面说得更详细些。
4、如何写 CSS Hack
比如要分辨 和 ! 两种浏览器,可以这样写:
"#$%&&
'(&&
&&&&&)*+,*-. ! .&&
&&&&& )*+,-. .&&
/&&
".#$%&&
"'%我在 中看到是红色的,在 ! 中看到是绿色的。".'%
"#$%'(&&&&&&&&)*+,*-. ! .&&&&&&&& )*+,-. ./
".#$%
"'%我在 中看到是红色的,在 ! 中看到是绿色的。".'%
解释一下:
上面的 ## 在 ! 中,它是认识不了后面的那个带星号 的东东是什么的,于是将它过滤掉,不予理睬,解
析得到的结果是,'()*+,*/于是理所当然这个 ' 的背景是绿色的。
在 中呢,它两个 )*+ 都能识别出来,它解析得到的结果
是,'()*+,*-)*+,-/于是根据优先级别,处在后面的 的优先级高,于是当然
这个 ' 的背景颜色就是红色的了。
CSS hack:区分 IE6,IE7,refox
区别不同浏览器, 写法:
评论2