IE6、IE7、IE8、Firefox兼容性CSS
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题
1.区别IE和非IE浏览器CSS HACK代码
#divcss5{ background:blue; background:red \9; } |
2.区别IE6,IE7,IE8,FF CSS HACK
【区别符号】:「\9」、「*」、「_」
【示例】:
#divcss5{ background:blue; background:red \9; *background:black; _background:orange; } |
【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。
3.区别IE6、IE7、Firefox (EXP 1)
【区别符号】:「*」、「_」
【示例】:
#divcss5{ background:blue; *background:black; _background:orange; } |
【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefox
4.区别IE6、IE7、Firefox (EXP 2)
【区别符号】:「*」、「!important」
【示例】:
#divcss5{ background:blue; *background:green !important; *background:orange; } |
【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
5.区别IE7、Firefox
【区别符号】:「*」、「!important」
【示例】:
#divcss5{ background:blue; *background:green !important; } |
【说明】:因为Firefox可以辨识「!important」但却无法辨识「*」,而IE7则可以同时看懂「*」、「!important」,因此可以两个辨识符号来区隔IE7和Firefox。
6.区别IE6、IE7 (EXP 1)
【区别符号】:「*」、「_」
【示例】:
#tip { *background:black; _background:orange; } |
【说明】:IE7和IE6都可以辨识「*」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。
7.区别IE6、IE7 (EXP 2)
【区别符号】:「!important」
【示例】:
#divcss5{ background:black !important; background:orange; } |
【说明】:因为IE7可读取「!important;」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。
8.区别IE6、Firefox
【区别符号】:「_」
【示例】:
#divcss5{ background:black; _background:orange; } |
【说明】:因为IE6可以辨识「_」(底线),但是Firefox却不行,因此可以透过这样的差异来区隔Firefox和IE6,有效达成CSS hack。
以上包括了IE6\IE8\IE7\火狐浏览器兼容问题及解决方法。
转载于:https://www.cnblogs.com/zhangyanchong/archive/2012/11/28/5134054.html
IE6、IE7、IE8、Firefox兼容性CSS相关推荐
- IE6/IE7 /IE8/Firefox/Chrome/Safa…
最近装了新的chrome, 据说用起来不错,不想昨晚随便用了一下, 发现之前做的一个在ie和ff下显示正常的页面居然在chrome里显示有问题, 一直以为兼容ff,其他这些标准浏览器都没什么问题,看来 ...
- IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法
IE浏览器的csshack写法和IE条件注释语句 IE css hack 网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是 ...
- css hacks (ie6,ie7,ie8,firefox,Chrome)
IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_", IE8能识别" ...
- 自整理IE6,IE7,IE8,Firefox兼容方案。。。
.hacktest {color:Red;} /*Firefox*/ *html .hacktest {color:green;}/*IE6*/ *+html .hacktest {color:blu ...
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不 ...
- 2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法
这个帖子总结的很好.http://www.aa25.cn/web_w3c/868.shtml 转载于:https://www.cnblogs.com/dqg0312/archive/2011/08/0 ...
- SD9001: IE6 IE7 IE8(Q) 中的 getElementById 方法能以 name 属性为参数获取某些元素
问题: IE11中暴露 getElementById 有时候可以取name值,有时候可以去id值 解答如下: 标准参考 getElementById 是 Document 接口提供的方法,用于获取一个 ...
- 兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)
兼容ffIE678 hack(IE6.IE7.IE8.Firefox兼容性CSS HACK代码+示例) 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blu ...
- div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法
简单方法: IE6,IE7,IE8,FF的兼容方法(2) 浏览器兼容代码: 浏览器 符号 IE6 IE7 IE8 FF * !important _ \9 *html *+html 说明:代表能识别: ...
最新文章
- 【SICP练习】104 练习3.1-3.4
- 谷歌发文回顾2018年AI进展:让AI人人可用!
- Storm源码阅读之SpoutOutputCollector
- CloudFlare 免费CDN加速 使用方法
- 知乎热议:计算机专业钱景究竟如何?
- 属于HTML文档头部相关标记,下列选项中,属于HTML文档头部相关标记的是 答案:title/titlemeta /...
- web表单设计:点石成金_设计复杂的用户表单:12个UX最佳实践
- 新闻发布项目——接口类(BaseDao)
- ubuntu安装c/c++编译环境
- 4020-基于链地址法的散列表的插入(C++,附思路以及头插法,尾插法两种代码)
- MySQL数据类型及sql模型及服务器变量
- [C语言]函数与调试
- Spring-Bean配置-使用外部属性文件(转)
- Access优已成忧,一年后,还是离开了秋色园了
- Kubernetes集群管理部署
- matlab中idwt,matlab图片处理
- 计算机英语知识竞赛题库,大学生计算机基础知识竞赛题库_大学生计算机基础知识竞赛试题附答案...
- TYUT太原理工大学2022需求工程考试选择题背诵版
- 全国天气预报信息数据接口 API
- 当SAP遇上马云,智慧企业加速中国数字化转型
热门文章
- 【内网穿透】生壳SSH映射 for Linux 使用教程
- 解决Xshell 连不上ubuntu系统
- python中fib什么意思_Python斐波那契数列是什么?怎么用?
- Java开发者 IntelliJ IDEA 转换 VScode 时的优缺点
- android4被淘汰,这五类安卓手机已经被淘汰,购买时别贪便宜,需慎重考虑!
- 网络营销外包中那些超有效的网络营销方法有进一步了解过吗?
- 网络营销外包专员浅析网站网络营销外包如何快速获取关键词排名
- 网站推广——专业网站推广浅析企业网站排名有哪些影响因素?
- js实现一键复制到剪切板上_你的“剪切板”正在被网赚者控制
- datetime数据类型_系统数据类型