zoukankan      html  css  js  c++  java
  • css hack总结

      写法一:

      IE都能识别*;标准浏览器(如FF)不能识别*;

      IE6能识别*,但不能识别 !important,

      IE7能识别*,也能识别!important;

      FF不能识别*,但能识别!important;

      根据上述表达,同一类/ID下的CSS  hack可写为:

      .searchInput {

      background-color:#333;/*三者皆可*/

      *background-color:#666 !important; /*仅IE7*/

      *background-color:#999; /*仅IE6及IE6以下*/

      }

      一般三者的书写顺序为:FF、IE7、IE6.

      写法二:

      IE6可识别“_”,而IE7及FF皆不能识别,所以当只针对IE6与IE7及FF之间的区别时,可这样书写:

      .searchInput {

      background-color:#333;/*通用*/

      _background-color:#666;/*仅IE6可识别*/

      }

      写法三:

      *+html 与 *html 是IE特有的标签, Firefox 暂不支持。

      .searchInput {background-color:#333;}

      *html .searchInput {background-color:#666;}/*仅IE6*/

      *+html .searchInput {background-color:#555;}/*仅IE7*/

      IE8 hack:

      "\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.

      "*" IE6、IE7可以识别.IE8、FireFox不能.

      "_" IE6可以识别"_",IE7、IE8、FireFox不能.

      .color{

      background-color: #CC00FF; /*所有浏览器都会显示为紫色*/

      background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/

      *background-color: #0066FF; /*IE6、IE7会变为蓝色*/

      _background-color: #009933; /*IE6会变为绿色*/

      }

  • 相关阅读:
    Activiti(三)流程变量和流程实例
    vue(生命周期,钩子方法,组件)
    Vue(指令篇)
    Activiti(二)
    使用MyBatis_Plus生成代码
    activiti
    多线程常见面试题总结
    Dubbo集群-负载均衡
    dubbox入门
    事务的传播行为,隔离级别以及锁机制
  • 原文地址:https://www.cnblogs.com/zyy711865/p/2685413.html
Copyright © 2011-2022 走看看