CSS hack
来源:互联网 发布:手机淘宝延长收货时间 编辑:程序博客网 时间:2024/06/03 21:27
来自:http://blog.csdn.net/freshlover/article/details/12132801#t3
CSS hack:针对不同的浏览器/不同版本写相应的CSS code的过程
CSS hack的原理:
不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级对浏览器展现效果的影响,针对不同的浏览器情景来应用不同的CSS。
CSS hack分类:
(1)属性前缀法 (即类内部Hack):在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展现效果。例如 IE6能识别下划线”_”和星号”“,IE7能识别星号”“,但不能识别下划线”_”,IE6~IE10都认识”\9”,但firefox前述三个都不能认识。
(2)选择器前缀法 (即选择器Hack):在CSS选择器前加上一些只有某些特定浏览器才能识别的前缀进行hack。例如 IE6能识别 *html .class{},IE7能识别+html .class{}或者*:first-child+html .class{}。
(3)IE条件注释法 (即HTML条件注释Hack,IE专有,官方推荐): 针对所有IE(注:IE10+已经不再支持条件注释): <!--[if IE]>IE浏览器显示的内容 <![endif]-->
,针对IE6及以下版本: <!--[if lt IE 6]>只在IE6-显示的内容 <![endif]-->
。
CSS hack利弊:
利:顾及用户体验实现向下兼容,使用hack。对页面表现的一致性有好处。
弊:过多的滥用会造成html文档混乱不堪,增加管理和维护的负担。
少用、慎用hack。
- CSS Hack
- CSS Hack
- CSS hack
- css hack
- css hack
- CSS hack
- css hack
- css hack
- Css Hack
- CSS Hack
- css hack
- css hack
- css hack
- CSS Hack
- CSS Hack
- css hack
- css hack
- CSS hack
- 基于JavaMail的Java邮件发送:简单邮件发送
- python中的数据标准化
- 如何在数据库中不改变表结构的前提下,新添一个属性?
- String StringBuffer StringBuilder区别
- (刷题日志)最小生成树
- CSS hack
- 1087 1 10 100 1000
- 初赛日志
- Docker原理
- 循环链表
- linux中查看nginx、apache、php、mysql配置文件路径
- 在64-bit 驱动中支持32-bit I/O 操作
- 命令模式
- 证券交易中各类词汇的解释