解析IE6,IE7,火狐浏览器兼容性写法
用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,结果个是非常混乱……
用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,结果个是非常混乱,这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索,所以解决DIV+CSS浏览器兼容的问题是完全必须的。
IE6,IE7,firefox火狐浏览器兼容性在DIV+CSS中写法
DIV+CSS 浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容。用DIV+CSS布局的网页在IE下显示一切正常,可是在 火狐(FireFox)浏览器里打开,本来好好网页一下子就全乱了,这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索,所以解决 DIV+CSS浏览器兼容的问题是完全必须的。
下面来看一下DIV+CSS浏览器兼容的实例,区分IE6,IE7,firefox火狐浏览器CSS的写法:
先来分开区分一下。
◆首先声明DIV+CSS浏览器兼容性IE6与IE7与火狐(firefox)的一些识别规则:
1.IE都能识别*;标准浏览器(如FF)不能识别*;
2.IE6能识别*,但不能识别!important,
3.IE7能识别*,也能识别!important;
4.firefox不能识别*,但能识别!important;
◆请看下简单的DIV+CSS浏览器兼容实例:
1.IE6和firefox的区别:
以下是代码片段:
background:orange; *background:blue;
意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色.
2.IE6和IE7的区别:
以下是代码片段:
background:green!important; background:blue;
意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色
3.区别IE7与FF:
以下是代码片段:
background:orange; *background:green;
意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色
4.FF,IE7,IE6:
以下是代码片段:
background:orange; *background:green!important;*background:blue;
意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.
为了更加清楚的来表达说明DIV+CSS浏览器兼容下面表格是更加清楚的能表达IE6,IE7,FF之间的识别标识区别:
IE6 IE7 FF
* √ √ ×
important × √ √
只针对ie6,ie7和firefox的csshack
注意都要写在正常样式的后边,除!important方法在前边
---------------针对样式名------------
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;} *:first-child+html.head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效
如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效
body>.head{color:#000} IE7 8 ff 有效
-------------针对具体属性--------------
如果只让ie6看见用_ .head{_color:#000;}
如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;}
如果只是不让ie6看见用 .head{color:#000;}注意有空格,或者用!important,写法: width:20px!important;width:50px;
如果只对ff无效/9 >.head{color:#000\9}
--------------------------------------------------IE8正式版hack---------------------------------
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
如:.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; }
all IE8 IE7 IE6
转载于:https://blog.51cto.com/abin1314/1595982
解析IE6,IE7,火狐浏览器兼容性写法相关推荐
- html flash 兼容ie7,网页制作常见的面试题(怎样兼容IE6/IE7/火狐浏览器)
1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: 因为加上浮动后就会多出一倍的边距,浮动后本来 ...
- 网页制作常见的问题(怎样兼容IE6/IE7/火狐浏览器)
1.IE6双边距问题? 在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG 例如: <style type="t ...
- IE6,IE7,firefox火狐浏览器兼容性在DIV+CSS中的写法
DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容.用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,本来好 ...
- DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
- JS编辑器获取选择内容的HTML多浏览器兼容性写法(支持Chorme、Firefox)
昨天突然兴起,准备完善秋色园后台的编辑器关于Chrome.FireFox下的选择内容的HTML兼容处理. JS编辑器获取选择内容的HTML兼容性写法问题描述: 对于如何获取选择的文本(包括Html标签 ...
- IE浏览器跟火狐浏览器兼容写法3
HACK设置仅IE7识别*+html {-} 当面临需要只针对IE7做样式的时候就可以采用这个HACK.IE6及IE6以下识别* html {-} 这个地方要特别注意很多地主都写了是IE6的HACK其 ...
- IE6/IE7/Firefox浏览器不兼容原因及解决办法
浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现.在下不才,归纳几点html编码要素,望能指点各位: 1.文字本身的大小不兼容 ...
- JS判断IE6/IE7/IE8系列的写法
常用的 var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLHttpRequest; var isIE8=isIE& ...
- 让IE6/IE7/IE8浏览器支持CSS3属性
一.下载 搜索下载:ie-css3.htc,它是让IE浏览器支持CSS3表现的关键. 二.上面的是什么东西 首先说说.htc文件,.htc文件是个脚本文件,个人以为与js文件属于同一货色,只是呢,貌似 ...
最新文章
- php 运行外部程序_PHP实现执行外部程序的方法详解
- Shader Compiler 界面进展2
- 【Auto.js】[zip压缩] 将文件夹压缩成zip包
- C++ 操作64位系统,默认读取Wow6432Node子键的解决方法。
- Angular ngOnChanges hook学习笔记
- 华为p4用鸿蒙系统吗_华为mate40是鸿蒙系统吗
- 第十四周学习进度报告
- Python DButils
- SpringMVC小结(四)
- 计算机信应用技术,计算机信息应用技术.ppt
- Electron-forge使用实战
- c语言谱曲软件,基于C语言的音乐谱曲技巧与应用研究
- 万网如何修改dns服务器,万网域名如何修改DNS设置方法
- 连续型随机变量+分布函数+密度函数+联合分布函数
- 通用软件体系结构风格总结为五个大类
- 全智通A+常见问题汇总解答—A+—配件仓库—维修领料—修改领料单后,明细不存在
- 蓝牙(三)蓝牙协议的初始化
- 【单片机仿真】(九)指令系统 — 算术运算指令 之 ADD、ADDC、SUBB、INC、DEC、DA
- 比SUM函数还高级的求和函数,你知道吗?
- 初见“Linux——通配符,命令ls,别名alias,命令du”