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会变为绿色*/

      }

  • 相关阅读:
    图片延时加载LazyLoad真的是LazyLoad吗?
    IO流操作实现文件拷贝\简单加密及相关知识点
    浅谈WebService开发(一)
    一次网站被挂恶意代码的查错经历
    自测,我的优点与缺点
    共鸣,此话在中国的确有些道理
    VsAddIn "Region this"
    虹影图片下载器(Preview)
    Group != Team
    同感,不转不行 低调做人,高调做事
  • 原文地址:https://www.cnblogs.com/zyy711865/p/2685413.html
Copyright © 2011-2022 走看看