浏览器 CSS Hack 收集

  所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。

 Firefox 浏览器

@-moz-document url-prefix() {
  .selector {
    property: value;
  }
}

  支持所有Gecko内核的浏览器 (包括Firefox)

*>.selector { property: value; }

 Webkit 内核浏览器

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  Selector {
    property: value;
  }
}

 Opera 浏览器

html:first-child>b\ody Selector {property:value;}

 IE 浏览器

  IE 浏览器针对不同的版本有不同个Hack方式。

  IE 9

:root Selector {property: value\9;}

  IE 9-

Selector {property: value\9;}

  IE 8

Selector {property: value/;}

或:
@media \0screen {
    Selector {property: value;}
}

  IE 8+

Selector {property: value\0;}

  IE 7

*+html Selector{property:value;}

或:
*:first-child+html Selector {property:value;}

  IE 7-

Selector {*property: value;}

  IE6

Selector {
  _property: value;
}

或者: 
*html Selector {
  property: value;
}
posted @   技术狂  阅读(632)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2014-06-30 jQuery对象入门级介绍
点击右上角即可分享
微信分享提示