IE6 IE7 IE8 FF浏览器的CSS兼容问题探究

最新推荐文章于 2024-09-21 08:54:13 发布
最新推荐文章于 2024-09-21 08:54:13 发布
阅读量537 收藏
点赞数
文章标签： ie 浏览器 css firefox dreamweaver 测试
 

 


    本文和大家重点讨论一下IE6 IE7 IE8 FF浏览器的CSS兼容问题，本来IE6跟ff之间的兼容是很容易解决的，加上个IE7会麻烦点，IE8的出现就更头疼了，下面看一下此问题如何解决。

    IE6 IE7 IE8 FF浏览器的CSS兼容问题

    IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来IE6跟ff之间的兼容是很容易解决的。加上个IE7会麻烦点，IE8的出现就更头疼了，原来hackIE7的方法又不能用了，怎么办呢？

    还好，微软提供了这样一个代码：
     

       
   
    1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 

    把这段代码放到<head>里面，在IE8里面的页面解析起来就跟IE7一模一样的了，所以，基本上可以无视IE8，剩下的代码只需要这样写就可以了

       
   
    1. background:#ffc;/*对firefox有效*/  
    2. *background:#ccc;/*对IE7有效*/  
    3. _background:#000;/*只对IE6有效*/ 

    解释一下吧：

    ◆firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了，所以只认background:#ffc，看到的是黄色；

    ◆IE7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色；

    ◆IE6三段都能认，而且“_”这个只有IE6能认，所以最后解析是_background:#000，看到的是黑色

    已经是最简单和最好理解的写法了，如果你是google进来的，我可以很负责任的告诉你，这种方法是ok的，我测试过。
    ◆IE8的那段兼容7的代码我也测试过了，在我现在的windos7测试版所带的IE8是没问题的，以后IE8正式版出来还管不管用就不知道了。

    ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看<head>之前的内容是不是这样的标准写法
     

       
   
    1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  
    2.  
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 

    这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证。

    【编辑推荐】

    1. IE6 IE7 IE8浏览器的兼容性PK
    2. 完美兼容IE6 IE7 FF的通用方法
    3. IE8兼容性问题的两大快速解决办法
    4. 微软发布升级版IE8Beta2浏览器 新特性敬请关注
    5. 技术前沿 DIV+CSS布局网页对网站SEO的影响
    lw371496536
    关注
    css总结
    love_dzq的博客
    05-20 2176
    对CSS2以及CSS3和移动端布局方式做了个总结
    html+css+js基础问答
    qq_43751465的博客
    08-26 5231
    css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
    ff浏览器插件
    11-24
    ocx控件是微软的，但是只能在ie上运行，通过ff-activex-host把ocx从ie上移植到chrome和火狐的浏览器上。
    FF IE 兼容
    pjw0221的专栏
    08-19 502
    <br />!important   除了IE 其他浏览器都能识别 <br /> <br /> <br />.colortest { <br /> border:20px solid #60A179 !important;<br /> border:20px solid #00F;<br /> padding: 30px;<br /> width : 300px;<br /> } <br /><br />在Mozilla中浏览时候，能够理解!important的优先级，因此显示#60A179的
    火狐FF浏览器表单提交问题
    jCuckoo的专栏
    06-17 3310
    火狐浏览器不支持表单的提交document.form.submit()； 可以通过在表单中设置隐藏的submit按钮的方式实现， 具体如下代码： 职位名称： 工作类型： 所属行业：
    渗透工具-FF火狐浏览器
    aming小老弟
    03-12 3929
    便于渗透的插件 Flagfox 显示 网站所在地的国旗,以及显示网页的ip地址，域名，服务器位置等信息 Wappalyzer 能够分析目标网站所采用的平台构架、网站环境、服务器配置环境、JavaScript框架、编程语言等参数的chrome网站技术分析插件 Max HacKBar web渗透时的经典工具 user-agent switcher 模拟搜索引擎的程序。 使用模拟后的Agent 访问那些针对搜索引擎做了手脚的网页， 可以看到真实的内容 例：将网页用手机安卓浏览器伪装
    FF(firefox)浏览器常用快捷键
    默默
    03-07 638
    窗口和标签 关闭标签： Ctrl+W 或 Ctrl+F4 关闭窗口： Ctrl+Shift+W 或 Alt+F4 向左移动标签： Ctrl+左方向键 或 Ctrl+上方向键 向右移动标签： Ctrl+右方向键 或 Ctrl+下方向键 移动标签到开头： Ctrl+Home 移动标签到结尾： Ctrl+End 新建标签页： Ctrl+T 新建窗口： Ctrl+N 下一个标签页： Ctr
    104道 CSS 面试题
    无心玩编程的博客
    11-13 1430
    104道 CSS 面试题 （给前端大全加星标，提升前端技能） 作者：CavsZhouyou https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md 本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！ 目录 1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？[1] 2.CSS 选择符有哪些？[2] 3.::before
    全宇宙最深入的CSS3 姬成 渡一学习记录
    m0_46424423的博客
    07-21 1168
    全宇宙最深入的CSS3 一、introduction 兼容性前缀 prefix（前缀） browser -webkit chrome/safari -moz firefox -ms IE -o opera 1.历史 更新迭代，兼容性 ---- 加不加前缀 div{ border-radius: ; -webkit-border-radius:; -o-border-radius:; -moz-border-radius:; } 兼容性手册
    ff浏览器下兼容height：auto的问题
    03-01
    可以解决dw中height：auto在ff浏览器下无效的问题，完美兼容各个浏览器可以解决dw中height：auto在ff浏览器下无效的问题，完美兼容各个浏览器
    FF浏览器下float换行的问题解决方法(IE和Chrome正常)
    09-25
    代码在IE和Chrome能显示正常,但是在FF下就会有换行的问题,此问题让我很是疑惑，于是搜集整理了一些实用解决技巧，晒出来与大家一起分享，感兴趣的朋友可以参考下，希望本文对你学习浏览器兼容知识有所帮助，好了话不多说切入正题
    前端基础知识总结---CSS篇
    Web前端开发工程师
    09-09 2356
    本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！ 目录 1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ 2.CSS 选择符有哪些？ 3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。 4.伪类与伪元素的区别 5.CSS 中哪些属性可以继承？ 6.CSS 优先级算法如何计算？ 7.关于伪类 LVHA 的解释? 8.CSS3 新增伪类有那些？ 9.如何居中 div？ 10.disp
    Firefox与IE浏览器缓存的两个重要区别
    oldboy
    09-10 195
    简介 详细介绍了firefox的缓存与IE的区别,如何设置服务响应头让两者缓存行为一致. 当你建立好一个WEB服务后,通常有两个类型的缓存 需要配置: 设置网站有更新的时候html资源马上过期,以便正在浏览的用户可以很快地得到更新. 设置所有其它资源(例如图片,CSS,javascript脚本)在一定时间后过期. 这个缓存 ...
    兼容IE与FF浏览器的CSS技巧总结
    MT2046的专栏
    04-27 642
    <br />CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不
    解决ff浏览器下载文件中文乱码问题
    往事随风的博客
    04-28 1649
    之前做的Word导出简历功能，前端点完要直接下载，遇到了ff浏览器下载时中文乱码的问题 function exportWord(id) { window.location.href = "/word/export/" + id; } // 解决ff浏览器下载文件中文乱码问题, 这么写就行了 public static void exportMillCertificateWord(Htt...
    浏览器兼容之JavaScript篇——已在IE、FF、Chrome测试
    热门推荐
    生命不止 学无止境
    01-22 1万+
    在浏览器兼容性问题解决方法，已在IE、FF、Chrome测试中，已经对关于CSS的一些兼容性问题进行了总结，后来自己又整理了一些关于JS的兼容性问题，现在分享给大家。 1）ChildNodes 问题：     IE7、IE8正常，IE9、IE10、chrome、FF的 childNodes 中会插入空白文本节点 解决：     可以通过document.getElementsByName
    如何使用 React、TypeScript、TailwindCSS 和 Vite 创建 Chrome 插件
    最新发布
    flytam的博客
    09-21 523
    如何使用现代 Web 技术创建一个 Chrome 插件。通过结合使用 React、TypeScript、TailwindCSS 和 Vite，我们可以快速高效地开发出功能强大的扩展。文章从环境设置、项目创建、组件开发、样式设计到最终的打包和发布，提供了全面的指导
    解决IE6, IE7, IE8与Firefox浏览器兼容性问题
    "关于ie6_ie7_ie8_ff(火狐)浏览器的兼容性问题及解决方案" 在网页开发中，浏览器兼容性是一个重要的考虑因素，尤其是对于那些需要支持老版本浏览器（如IE6、IE7、IE8）以及Firefox（火狐）的项目。本文将探讨这些...
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值