×

回顾下CSS HACK的用法

作者:天空2019.12.09来源:Web前端之家浏览:1071评论:0
关键词:htmlcsshack
微信公众号

微信公众号

回想当初IE的兼容问题,一路走来也是坑无处不在。

css hack怎么用    

CSS Hack 大致有3种表现形式:

1、属性前缀法(CSS类内部 Hack)

● 比如IE6能识别下划线"_"和星号"" ,IE7能识别星号"",但不能识别下划线,IE6-IE10都认识"\9",而Firefox这三个都不能认识。

● 对于书写顺序的关系,一般是将识别能力强的浏览器的CSS写在后边

<style> div{  
    background:green;/*forfirefox*/  
    *background:red;/*forIE6 IE7*/  
}  
</style>

这样的话,就成功的对IE6,7成功的做了一个hack。

2、选择器前缀法(选择器 Hack)

语法是这样的:<hack> selector{ sRules }

例如:IE6能识别*html .class{} , IE7能识别 +html .class{}或:first-child+html .class{}

例如:针对IE9的hack可以这么写:

:root .test{
    background-color:green;
}

3、IE条件注释法(HTML 头部引用 Hack)

针对所有IE(注:IE10+已经不再支持条件注释)HTML头部引用就比较特殊了,类似于程序语句,只能使用在HTML文件里,而不能在CSS文件中使用,并且只有在IE浏览器下才能执行,在其他浏览器下面会被当做注释视而不见。比如: 

<link rel="stylesheet" type="text/css" href="css.css" />
<!–[if IE 7]>
<!– 如果IE浏览器版是7,调用ie7.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–>

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/htm234098230948.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好 山西快乐10分开奖直播现场 宝博大厅下载地址 河北快三技巧 黑龙江p62今天开奖结果查询 湖北十一选五 黑龙江十一选五最大遗漏数据 北京快乐8陷阱 五分pk10彩票app 捕鱼达人3最早的版本 吉祥游戏棋牌? 北京pk10开奖现场 25选5胆拖表 北京十一选五遗漏 恩瑞资本配资 吉祥棋牌游戏官方下载 浙江十一选五走势图一定