zoukankan      html  css  js  c++  java
  • css属性hack

     我们常用到css属性hack来兼容不同浏览器或设置不同浏览器的不同属性值

    说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

    语法:

    selector{<hack>?property:value<hack>?;}

    取值:

    _:
    选择IE6及以下。连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。
    *:
    选择IE7及以下。诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高
    9:
    选择IE6+
    选择IE8+和Opera
    [;property:value;];:
    选择webkit核心浏览器(Chrome,Safari)。IE7及以下也能识别。中括号内外的3个分号必须保留,第一个分号前可以是任意规则或任意多个规则
    [;color:#f00;]; 与 [color:#f00;color:#f00;]; 与 [margin:0;padding:0;color:#f00;]; 是等价的。生效的始终是中括号内的最后一条规则,所以通常选用第一种写法最为简洁。

    说明:

    选择不同的浏览器及版本
    • 尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎
    • 通常如未作特别说明,本文档所有的代码和示例的默认运行环境都为标准模式。
    • 一些CSS Hack由于浏览器存在交叉认识,所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。如下面这个例子:

      如想同一段文字在IE6,7,8显示为不同颜色,可这样写:

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

      * 上述Hack均需运行在标准模式下,若在怪异模式下运行,这些Hack将会被不同版本的IE相互识别,导致失效。

      最后表格总结::

  • 相关阅读:
    Redis系列(七):数据结构List双向链表中LPUSH、LPOP、RPUSH、RPOP、LLEN命令
    Redis系列(六):数据结构QuickList(快速列表)源码解析
    C#数据结构与算法系列(二十):插入排序算法(InsertSort)
    3.WebPack配置文件
    2.WebPack初始化
    1.WebPack概念
    kubernetes控制器之StatefulSet
    kubernetes控制器之Deployment
    kubernetes控制器之ReplicaSet
    kubernetes创建pod的底层是怎么实现的?
  • 原文地址:https://www.cnblogs.com/rwalker/p/5427933.html
Copyright © 2011-2022 走看看