浏览器css hack（浏览器兼容）大全

最新推荐文章于 2024-09-16 06:30:00 发布

axl234

最新推荐文章于 2024-09-16 06:30:00 发布

阅读量93

点赞数

分类专栏： css 文章标签：前端开发工具 ViewUI

本文链接：https://blog.csdn.net/axl234/article/details/84464314

版权

css 专栏收录该内容

104 篇文章 0 订阅

订阅专栏

浏览器css hack（浏览器兼容）大全

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
/*所有浏览器*/
.test{font-size:60px}
/*only ie9，ie9 支持 :root 选择器，:root .class{ background-color:orange; }这样FF,opera等也认识；所以要写成:root .class{ background-color:orange\9; } */
:root .test{font-size:50px\9}
:root .test{font-size:50px\0}
:root .test{font-size:50px\0\9}
:root .test{font-size:50px\9\0}
:root .test{font-size:50px\0/}
/*ie8和ie9*/
.test{font-size:40px\9}
.test{font-size:40px\0}
.test{font-size:40px\9\0}
.test{font-size:40px\0\9}
.test{font-size:40px\0/}
/*ie6和ie7*/
.test{*font-size:60px}
.test{+font-size:60px}
/*only ie6*/
.test{_font-size:60px}
.test{-font-size:60px}
</style>
</head>
<body>
<a href="http://www.css119.com">www.css119.com-web前端开发-实时关注常见的前端开发问题、最新的前端开发技术和最好的前端开发工具</a>
</body>
</html>

PS:应该记住，项目中应该要尽量少用hack，而且其实结构布局合理很少需要用到hack的，我现在基本只有ie6和ie7才用少许hack，另外还可以用JS判断来根据不同的浏览器加载不同的css文件