美文网首页
CSS Hack (各个浏览器兼容的问题)

CSS Hack (各个浏览器兼容的问题)

作者: 小美1029 | 来源:发表于2018-04-23 17:28 被阅读0次

    参考网址  https://blog.csdn.net/albert528108/article/details/11925715

    CSS Hack的原理是什么

        由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。

        CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。  类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等

        选择器Hack:比如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。等等

        HTML头部引用(if IE)Hack:针对所有IE:,针对IE6及以下版本:<[endif]-->这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

        书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面如何写里面说得更详细些。

       如何写CSS Hack

            比如要分辨IE6和firefox两种浏览器,可以这样写:

    相关文章

      网友评论

          本文标题:CSS Hack (各个浏览器兼容的问题)

          本文链接:https://www.haomeiwen.com/subject/xuvllftx.html