zoukankan      html  css  js  c++  java
  • 各大浏览器hack

    IE6  : " *"_“下划线格 :myclass  {_background:red;}

    "*"星号:格式:.myclass{*background:red;}

    IE7 : " * “星号格式:.myclass{*background:red;}

               *+html  格式: *+html .myclass{background:red;}

                 + 格式: .myclass{+background: red;}

               !important  格式: .myclass{background:red !important;}

    IE8 : 格式:.myclass{background:red;}/*是留给ie8的,最新版opera也认识,后面自有hack写了给opera认的,所以,我们就认为是给ie8留的;*/

    IE9 :  9 è格式:.myclass{background:red9;}

                :root加9 è格式::root .myclass{background:red9;}

    IE10 :  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

       /* IE10-specific styles go here */ }

    Firefox : @-moz-document url-prefix() { .font1 {color:red} } /*针对Firefox浏览器的写法*/

    Opera :@media all and (min-0px){ #test {background-color:black;} } 这个是老是跟ie抢着认的神奇的opera,必须加个,不然firefox,chrome,safari也都认识。。。

    chrome/Safari : @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。

    总结:         1、IE6、IE7都支持 *,但IE8终于回归正统,放弃了对*的支持

                      2、IE7、IE8、Firefox、Opera、Safari都支持!important

                      3、浏览器优先级别:FF<IE7<IE6,CSS hack,遵循书写顺序一般为FF IE7 IE6

                      4、 ie9的hack目前ie10也适合

  • 相关阅读:
    python3删除mysql上月分区数据(脚本)
    ansible之基本原理及命令
    centOS 7 简单设置(虚拟机)
    TCP_Wrappers 简介
    sudo
    引用数据应该选择 ID, CODE 还是 NAME
    吃得洒脱是一种什么体验
    通用数据同步机制
    我的学PyTorch之路(1)
    38岁才学会了游泳的心得
  • 原文地址:https://www.cnblogs.com/hushufang/p/3532062.html
Copyright © 2011-2022 走看看