zoukankan      html  css  js  c++  java
  • ie11媒体查询以及其他hack

    <!doctype html>
    <html>
     <head>
      <title>IE10/11 Media Query Test</title>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <style>
        @media all and (-ms-high-contrast:none)
         {
         .foo { color: green } /* IE10 */
         *::-ms-backdrop, .foo { color: red } /* IE11 */
         }
      </style>
     </head>
     <body>
      <div class="foo">Hi There!!!</div>
     </body>
    </html>

    IE 6

    * html .ie6 {property:value;}
    down vote
    In the light of the evolving thread, I have updated the below:
    
    IE 6
    
    * html .ie6 {property:value;}
    or
    
    .ie6 { _property:value;}
    IE 7
    
    *+html .ie7 {property:value;}
    or
    
    *:first-child+html .ie7 {property:value;}
    IE 6 and 7
    
    @media screen9 {
        .ie67 {property:value;}
    }
    or
    
    .ie67 { *property:value;}
    or
    
    .ie67 { #property:value;}
    IE 6, 7 and 8
    
    @media screen\,screen9 {
        .ie678 {property:value;}
    }
    IE 8
    
    html>/**/body .ie8 {property:value;}
    or
    
    @media screen {
        .ie8 {property:value;}
    }
    IE 8 Standards Mode Only
    
    .ie8 { property /***/: value9 }
    IE 8,9 and 10
    
    @media screen {
        .ie8910 {property:value;}
    }
    IE 9 only
    
    @media screen and (min-0) and (min-resolution: .001dpcm) { 
     // IE9 CSS
     .ie9{property:value;}
    }
    IE 9 and above
    
    @media screen and (min-0) and (min-resolution: +72dpi) {
      // IE9+ CSS
      .ie9up{property:value;}
    }
    IE 9 and 10
    
    @media screen and (min-0) {
        .ie910{property:value9;} /* backslash-9 removes ie11+ & old Safari 4 */
    }
    IE 10 only
    
    _:-ms-lang(x), .ie10 { property:value9; }
    IE 10 and above
    
    _:-ms-lang(x), .ie10up { property:value; }
    or
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       .ie10up{property:value;}
    }
    IE 11 (and above..)
    
    _:-ms-fullscreen, :root .ie11up { property:value; }

    原文地址 http://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11

     
  • 相关阅读:
    ExcelHelper
    c# 文件的读写
    Wav文件操作类
    c# & (与) 、^ (异或)和 >>(<<位移运算)
    c# 高精度的timer
    c# 生成txt文件,写入内容
    C# 对 list<T>中的数据按某字段的大小进行排序
    OC 底层探索 06、 isa 2个经典问题分析
    OC 底层探索 05、属性、成员、实例变量简析
    数据结构与算法 0、 汇总简介
  • 原文地址:https://www.cnblogs.com/juexin/p/5729529.html
Copyright © 2011-2022 走看看