前端必看!各大浏览器CSSHack收集

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

创新互联公司是一家专注于网站建设、网站设计与策划设计,普兰店网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:普兰店等地区。普兰店做网站价格咨询:13518219792

Firefox 浏览器

 
 
  1. @-moz-document url-prefix() {
  2.   .selector {
  3.     property: value;
  4.   }
  5. }

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

 
 
  1. *>.selector { property: value; }
  2. Webkit 内核浏览器
  3. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  4.   Selector {
  5.     property: value;
  6.   }
  7. }

Opera 浏览器

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

IE 浏览器

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

IE 9

 
 
  1. :root Selector {property: value\9;}

IE 9-

 
 
  1. Selector {property: value\9;}

IE 8

 
 
  1. Selector {property: value/;}
  2. 或:
  3. @media \0screen {
  4.     Selector {property: value;}
  5. }

IE 8+

 
 
  1. Selector {property: value\0;}

IE 7

 
 
  1. *+html Selector{property:value;}
  2. 或:
  3. *:first-child+html Selector {property:value;}

IE 7-

 
 
  1. Selector {*property: value;}

IE6

 
 
  1. Selector {
  2.   _property: value;
  3. }
  4. 或者:
  5. *html Selector {
  6.   property: value;
  7. }

当前名称:前端必看!各大浏览器CSSHack收集
文章位置:http://www.shufengxianlan.com/qtweb/news17/137717.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联