浅谈CSS HACK——兼容不同浏览器的CSS
来源:互联网 发布:vivox7知乎 编辑:程序博客网 时间:2024/05/19 00:16
CSS hack是由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析不一样,导致解析的页面效果不一样,这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到同样页面效果。
CSS hack原理:
IE都能识别*,FF不能识别*
IE6能识别*,但不能识别!important
IE6识别_,IE7和FF均不识别_
IE7能识别*,也能识别!important
FF不能识别*,但能识别!important
所以大家就可以用这些符号来区分不同的浏览器,以下两种方法几乎能解决现今所有css hack:
1. !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.
CSS Code复制内容到剪贴板
- width: 100px!important; /* IE7+FF */
- width: 80px; /* IE6 */
2, IE6/IE77对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.
CSS Code复制内容到剪贴板
- #wrapper { width: 120px; } /* FireFox */
- *html #wrapper { width: 80px;} /* ie6 fixed */
- *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
注:*+html 对IE7的HACK 必须保证HTML顶部有如下声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.区分FF,IE6,IE7
CSS Code复制内容到剪贴板
- background:orange;*background:green !important;*background:blue;
- /*或者*/background:orange;*background:green;_background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
- 浅谈CSS HACK——兼容不同浏览器的CSS
- 浅谈CSS HACK——兼容不同浏览器的CSS
- 兼容不同浏览器的 CSS Hack 写法
- 兼容不同浏览器的 CSS Hack 写法
- CSS hack之区别不同浏览器兼容的写法
- 浏览器兼容 CSS hack
- 不同浏览器兼容性——常用的CSS Hack技术
- css-hack-不同浏览器
- 兼容IE系列浏览器的CSS Hack
- CSS Hack (各个浏览器兼容的问题)
- 兼容多浏览器的css hack
- CSS Hack (各个浏览器兼容的问题)
- CSS Hack (各个浏览器兼容的问题)
- 前端浏览器兼容之——css hack
- 不同浏览器的CSS Hack总结
- 区别不同浏览器的CSS hack写法
- CSS Hack区别不同浏览器的写法
- CSS hack浏览器兼容一览表
- linux sed命令参数及用法详解 awk实例
- 外行如何领导内行
- Git总结
- 大智若愚也是领导力
- 写日志文件
- 浅谈CSS HACK——兼容不同浏览器的CSS
- 最全的Eclipse快捷键
- 百度搜索引擎优化指南2.0
- android如何编译MTK的模拟器
- Ubuntu12.04密码正确无法登陆
- ios开发学习--音频声效(Audio)效果源码分享--系列教程
- IE6显示png透明背景、图片的方法
- android如何添加AP中要使用的第三方JAR文件
- 我不是征途,我是曾小贤