有推-微信公众号推广-网络推广-论坛推广

 找回密码
 立即注册
搜索
查看: 103|回复: 0

CSS hack区别不同浏览器常用写法

[复制链接]
发表于 2024-7-9 11:48:00 | 显示全部楼层 |阅读模式
区别不同浏览器的CSS hack写法:
    区别IE6与FF:
    backgroundrange;*background:blue;
    区别IE6与IE7:
    background:green !important;background:blue;
    区别IE7与FF:
    backgroundrange; *background:green;
    区别FF,IE7,IE6:
    backgroundrange;*background:green !important;*background:blue;
    注:IE都能识别*;标准浏览器(如FF)不能识别*;
    IE6能识别*,但不能识别 !important,
    IE7能识别*,也能识别!important;
    FF不能识别*,但能识别!important;
    IE6 IE7 FF
    * √ √ ×
    !important × √ √
    ------------------------------------------------------
    另外再补充一个,下划线"_",
    IE6支持下划线,IE7和firefox均不支持下划线。
    IE6 IE7 FF
    * √ √ ×
    !important × √ √
    _ √ × ×
    于是大家还可以这样来区分IE6,IE7,firefox
    : backgroundrange;*background:green;_background:blue;
    注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
    下面再看一些常用的
    .all-IE{property:value9;}
    :root .IE-9{property:value/;}
    .gte-IE-8{property:value;}
    .lte-IE-7{*property:value;}
    .IE-7{+property:value;}
    .IE-6{_property:value;}
    .not-IE{property//:value;}
    @-moz-document url-prefix() { .firefox{property:value;} }
    @media all and (-webkit-min-device-pixel-ratio:0) { .webkit{property:value;} }
    @media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { .opera{property:value;} }
    @media screen and (max-device-width: 480px) { .iphone-or-mobile-s-webkit{property:value;} }
    IE8 最新css hack:   "9" 例:"border:1px 9;".这里的"9"可以区别所有IE和FireFox.   "" IE8识别,IE6、IE7不能.   "*" IE6、IE7可以识别.IE8、FireFox不能.   "_" IE6可以识别"_",IE7、IE8、FireFox不能.
    IE6 hack
    _background-color:#CDCDCD; /* ie 6*/
    IE7 hack
    *background-color:#dddd00; /* ie 7*/
    IE8 hack
    background-color:red ; /* ie 8/9*/
    IE9 hack
    background-color:blue 9;
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|设计师导航|好狗导航|自动秒收录|机灵助手|有推

网站地图

GMT+8, 2024-7-18 07:33 , Processed in 0.179878 second(s), 18 queries .

快速回复 返回顶部 返回列表