首页 前端知识 CSS Hack详解 支持IE 6-11、Chrome、FireFox、Safari、Opera

CSS Hack详解 支持IE 6-11、Chrome、FireFox、Safari、Opera

2025-03-01 12:03:06 前端知识 前端哥 1000 206 我要收藏

下面,我们就来探讨IE 6-11、FireFox、Chrome、Safari、Opera等浏览器的CSS Hack技术,以供特定浏览器进行特定属性的识别(国产浏览器一般都使用IE或Chromium内核,因此不予考虑)。

备注:以下内容多搜集于网络(在网络上搜集的时候发现,网上胡说八道的真多……),并进行了亲自测试,以尽量确保准确无误,但由于各种系统平台、语言环境、大版本、小版本等问题,笔者并不能保证没有任何遗漏或错误。如果有读者发现,敬请留言告知。

IE浏览器的CSS Hack


所有的IE浏览器的CSS Hack

由于所有的IE浏览器都能够识别特定的css属性值后缀\9,因此我们可以给css的属性值添加\9后缀(在结尾的分号之前),从而做到只有IE浏览器能够识别该属性,其他浏览器无法识别从而将其忽略掉。

.css-hack {

background-color: red; /* 其他浏览器上显示为红色 */

background-color: blue \9; /* 所有IE浏览器上显示为蓝色 */

}

IE 6的CSS Hack

毫无疑问,如上所述,为css的属性前面加下划线_,这是给IE6专用的。

.css-hack {

background-color: red; /* 其他浏览器上显示为红色 */

_background-color: blue; /* 只有IE 6浏览器上显示为蓝色 */

}

IE 7的CSS Hack

IE6、IE7都能够识别加了 、_或#前缀的c

转载请注明出处或者链接地址:https://www.qianduange.cn//article/22025.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

FastAPI 学习与使用

2025-03-01 12:03:03

(转)Java单例模式(1)

2025-03-01 12:03:58

Go语言学习笔记(五)

2025-03-01 12:03:58

微信小程序-二维码绘制

2025-03-01 12:03:57

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!