CSS HACK 区别 IE6、IE7、IE8、Firefox兼容性
转载链接:http://developer.51cto.com/art/201009/226787_1.htm
本文向大家描述一下如何使用CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题,针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack,相信你对本文介绍一定会感兴趣。
CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题
1.区别IE和非IE浏览器
#tip{
background:blue;/*非IE背景藍色*/
background:red\9;/*IE6、IE7、IE8背景紅色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】:「\9」、「*」、「_」
【示例】:
#tip{ background:blue;/*Firefox背景变蓝色*/ background:red\9;/*IE8背景变红色*/ *background:black;/*IE7背景变黑色*/ _background:orange;/*IE6背景变橘色*/ }
【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、GoogleChrome、Safari等)。
3.区别IE6、IE7、Firefox(方法1)
【区别符号】:「*」、「_」
【示例】:
#tip{
background:blue;/*Firefox背景变蓝色*/
*background:black;/*IE7背景变黑色*/
_background:orange;/*IE6背景变橘色*/
}
【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefox
4.区别IE6、IE7、Firefox(方法2)
【区别符号】:「*」、「!important」
【示例】:
#tip{ background:blue;/*Firefox背景变蓝色*/ *background:green!important;/*IE7背景变绿色*/ *background:orange;/*IE6背景变橘色*/ }
【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
5.区别IE7、Firefox
【区别符号】:「*」、「!important」
【示例】:
#tip{
background:blue;/*Firefox背景变蓝色*/
*background:green!important;/*IE7背景变绿色*/
}
【说明】:因为Firefox可以辨识「!important」但却无法辨识「*」,而IE7则可以同时看懂「*」、「!important」,因此可以两个辨识符号来区隔IE7和Firefox。
6.区别IE6、IE7(方法1)
【区别符号】:「*」、「_」
【示例】:
#tip{
*background:black;/*IE7背景变黑色*/
_background:orange;/*IE6背景变橘色*/
}
【说明】:IE7和IE6都可以辨识「*」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。
7.区别IE6、IE7(方法2)
【区别符号】:「!important」
【示例】:
#tip{
background:black!important;/*IE7背景变黑色*/
background:orange;/*IE6背景变橘色*/
}
【说明】:因为IE7可读取「!important;」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。
8.区别IE6、Firefox
【区别符号】:「_」
【示例】:
#tip{
background:black;/*Firefox背景变黑色*/
_background:orange;/*IE6背景变橘色*/
}
【说明】:因为IE6可以辨识「_」(底线),但是Firefox却不行,因此可以透过这样的差异来区隔Firefox和IE6,有效达成CSShack。
【编辑推荐】
- 兼容IE6,IE7,IE8,Firefox的CSS HACK写法
- CSS display:inline和float:left两者区别
- 深入探究DIV CSS布局中position属性用法
- JS在IE和Firefox兼容性问题及解决方案
- IE8浏览器中正式版CSS hack技术用法
CSS HACK 区别 IE6、IE7、IE8、Firefox兼容性相关推荐
- IE6/IE7 /IE8/Firefox/Chrome/Safa…
最近装了新的chrome, 据说用起来不错,不想昨晚随便用了一下, 发现之前做的一个在ie和ff下显示正常的页面居然在chrome里显示有问题, 一直以为兼容ff,其他这些标准浏览器都没什么问题,看来 ...
- div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法
简单方法: IE6,IE7,IE8,FF的兼容方法(2) 浏览器兼容代码: 浏览器 符号 IE6 IE7 IE8 FF * !important _ \9 *html *+html 说明:代表能识别: ...
- css hacks (ie6,ie7,ie8,firefox,Chrome)
IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_", IE8能识别" ...
- CSS hack:区分IE6 IE7 Firefox
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !impor ...
- 自整理IE6,IE7,IE8,Firefox兼容方案。。。
.hacktest {color:Red;} /*Firefox*/ *html .hacktest {color:green;}/*IE6*/ *+html .hacktest {color:blu ...
- CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法
300px!important;width /**/:340px;margin:0 10px 0 10px} ,关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如 ...
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不 ...
- SD9001: IE6 IE7 IE8(Q) 中的 getElementById 方法能以 name 属性为参数获取某些元素
问题: IE11中暴露 getElementById 有时候可以取name值,有时候可以去id值 解答如下: 标准参考 getElementById 是 Document 接口提供的方法,用于获取一个 ...
- CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决方案
CSS HACK:IE6.IE7.IE8.Firefox兼容性问题解决方案 参考文章: (1)CSS HACK:IE6.IE7.IE8.Firefox兼容性问题解决方案 (2)https://www. ...
最新文章
- 如何在Django中以GROUP BY查询?
- 浅谈深浅拷贝问题(这里只针对拷贝构造函数和赋值运算符重载)和简易srting类模拟实现
- lnmp下配置虚拟主机
- Istio的零停机滚动更新
- 文字创作类App分享-简书
- C# 代码重启windows服务
- nginx反向代理配置去除前缀
- VMware12版虚拟机怎么安装win7系统(win7镜像ios安装版)
- matlab求椭圆周长,用matlab计算椭圆周长及牛顿迭代的matlab完成
- 国外游戏开发公司10强
- PV,UV,VV,IP
- tp5.0 think-queue 消息队列
- ubuntu服务器搭建静态网站
- 有赞线上拨测系统实践(一)
- WOL远程开机,实际落地成功。
- 【原创】大数据基础之Zookeeper(1)介绍、安装及使用
- 微软 2021 秋季发布会汇总
- Android Studio 从入门到精通视频教程
- 盛世昊通上市美国纳斯达克,汽车后市场再变亿万级存量市场
- Latex从零基础入门到完成论文格式修改
热门文章
- c语言支持默认参数吗,嵌入式C语言可以带“默认参数”的函数吗
- 新字符设备驱动实验(自动分配设备号、自动创建应用层设备节点、新字符设备注册到内核的结构体)
- 快速对比UART、SPI、I2C通信的区别与应用
- 硬件模块化开发的例子:LD3320语音模块与Source Insight的使用
- python 定义method_python进阶14:实例方法和类方法、types.MethodType()
- android二分查找法简书,【PYTHON】二分查找算法
- android闹钟唤醒不准的原因_俄罗斯睡眠专家:闹钟铃声选错了,可能扰乱你的内分泌...
- 开源:分享10 个让你笑的合不拢嘴的 GitHub 项目!
- 后端:C#操作Mongodb用法笔记
- 数据库---查询(详细)