精华内容
下载资源
问答
  • css hack

    2017-05-02 22:09:37
    css hack
    一、什么是CSS hack?
    CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。
    二、css hack分类:
    1、属性前缀法(即类内部Hack):例如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",IE6~IE10都认识"\9",但firefox前述三个都不能认识。
    2、选择器前缀法(即选择器Hack):例如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。

    3、IE条件注释法(即HTML条件注释Hack):针对所有IE(注:IE10+已经不再支持条件注释):

     <!--[if IE]>IE浏览器显示的内容 <![endif]-->,针对IE6及以下版本: <!--[if lt IE 6]>只在IE6-显示的内容 <![endif]-->。这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

      CSS hack书写顺序,一般是将适用范围广、被识别能力强的CSS定义在前面。
    展开全文
  • CSS hack

    2017-09-15 23:57:29
    CSS hack

    什么是CSS hack

    由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack!

    CSS hack的原理

    由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级对浏览器展现效果的影响,我们可以据此针对不同的浏览器情景来应用不同的CSS。

    CSS hack分类

    CSS Hack大致有3种表现形式,CSS属性前缀法、选择器前缀法以及IE条件注释法(即HTML头部引用if IE)Hack,实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

    • 属性前缀法(即类内部Hack):例如 IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,IE6~IE10都认识”\9”,但firefox前述三个都不能认识。
    • 选择器前缀法(即选择器Hack):例如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。
    • IE条件注释法(即HTML条件注释Hack):针对所有IE(注:IE10+已经不再支持条件注释): ,针对IE6及以下版本: 。这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

    CSS hack书写顺序,一般是将适用范围广、被识别能力强的CSS定义在前面。



    CSS hack方式:
    1、条件Hack

       <!--[if IE]>
          <style>
                .test{color:red;}
          </style>
       <![endif]-->

    2、属性Hack

    .test{
        color:#090\9; /* For IE8+ */
        *color:#f00;  /* For IE7 and earlier */
        _color:#ff0;  /* For IE6 and earlier */
    }  

    3、选择符Hack

            * html .test{color:#090;}       /* For IE6 and earlier */
        * + html .test{color:#ff0;}     /* For IE7 */

    IE浏览器各版本 CSS hack 对照表

    hack写法实例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)IE9(S)IE9(Q)IE10(S)IE10(Q)
    **color青色YYYYNYNYNY
    ++color绿色YYYYNYNYNY
    --color黄色YYNNNNNNNN
    __color蓝色YYNYNYNYNN
    ##color紫色YYYYNYNYNY
    \0color:red\0红色NNNNYNYNYN
    \9\0color:red\9\0粉色NNNNNNYNYN
    !importantcolor:blue !important;color:green;棕色NNYNYNYNYY

    说明:在标准模式中

    • “-″减号是IE6专有的hack
    • “\9″ IE6/IE7/IE8/IE9/IE10都生效
    • “\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack
    • “\9\0″ 只对IE9/IE10生效,是IE9/10的hack

                              顺便扔个说的比较详细的链接

    展开全文
  • CSS Hack

    2021-09-08 23:34:00
    什么是 CSS Hack ? 一般来说针对不同的浏览器写不同的 css 就是 CSS HackHack主要针对 ie 浏览器 CSS Hack 常见的形式有三种: 属性 Hack 选择符 Hack 条件注释 Hack 1、条件注释 Hack <!--[if IE]> ...

    什么是 CSS Hack ?

    一般来说针对不同的浏览器写不同的 css 就是 CSS Hack,Hack主要针对 ie 浏览器

    CSS Hack 常见的形式有三种:

    • 属性 Hack 
    • 选择符 Hack
    • 条件注释 Hack

    1、条件注释 Hack

    <!--[if IE]>
        <span> 只能在 IE 浏览器中看到我 </span>
    <![endif]-->

    条件注释只能在 IE 浏览器才能执行,在其他浏览器中都是被当成注释。可以载入不同的 CSS 、JS 、HTML 和服务器代码等等

    2、属性Hack

    .test{ color:#090\09; /*  For IE8+、FF */ 
    *color:#f00; / * For IE7 * / 
    _color:#ff0; /*  For IE6  */ }
    

    属性级Hack:
    比如IE6能识别下划线“”和星号“”,
    IE7能识别星号“”,但不能识别下划线” ”,而firefox两个都不能认识。
    background-color:red9; 9所有的ie浏览器可识别;
    background-color:yellow0; 0 是留给ie8的,
     

    3、选择符Hack

    * html .test{color:#090;} /* For IE6 and earlier */
    *+html .test{color:#ff0;} /* For IE7 */
    .test{color:#f00;} /* For IE8+ and not IE */
    

    IE6能识别 *html .class{},IE7能识别*+html .class{}

    展开全文
  • css Hack

    2021-09-08 21:10:37
    是针对不同浏览器写不同的csss,就是cssHack。 属性Hack丶选择符丶条件注释Hack丶Hack主要是针对IE浏览器 1,条件Hack 条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。可以通过IE...

    是针对不同浏览器写不同的csss,就是cssHack。

    属性Hack丶选择符丶条件注释Hack丶Hack主要是针对IE浏览器

    1,条件Hack

     条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。

     2、属性Hack

     属性级Hack:
    比如IE6能识别下划线“”和星号“”,
    IE7能识别星号“”,但不能识别下划线” ”,而firefox两个都不能认识。
    background-color:red9; 9所有的ie浏览器可识别;
    background-color:yellow0; 0 是留给ie8的,

     3、选择符Hack

    比如IE6能识别 *html .class{},IE7能识别*+html .class{}

    4.浏览器的优先级 

     FF<IE7<IE6,CSS hack

     

     

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,685
精华内容 13,074
关键字:

csshack