`

区别 ff, ie7.0, ie6.0浏览器

浏览器FirefoxHTMLIE 
阅读更多

1.*+html 与 *html 是IE特有的标签, firefox 暂不支持，而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于

FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：<o:p></o:p>

  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;height:100px; background:#ff0; } /* FireFox */
  5. *html #wrapper { width: 80px;} /* ie6 fixed */
  6. *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
  7. <!---->style>
  8. <!---->head>
  9. <body>
  10. <div id="wrapper"><!---->div>
  11. <!---->body>
  12. <!---->html>

2.IE6能识别*，但不能识别 !important,IE7能识别*，也能识别!important;FF不能识别*，但能识别!important;因此也可以写出一个针对于

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下：
  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;*width: 60px !important;*width: 80px;height:100px;
  5. background:#ff0;}
  6. /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/
  7. <!---->style>
  8. <!---->head>
  9. <body>
  10. <div id="wrapper"><!---->div>
  11. <!---->body>
  12. <!---->html>


3.还有可以利用的是ie6.0支持下划线(即"_"),因此也能写出一个针对于

FireFox、IE7、IE6三种不通浏览器的hack实例代码如下：
  1. <html>
  2. <head>
  3. <style>
  4. #wrapper { width: 120px;*width: 60px;_width: 80px;height:100px; background:#ff0;}
  5. /*注意 firefox的写在前面，IE7的写在中间，IE6的写在最后面*/
  6. <!---->style>
  7. <!---->head>
  8. <body>
  9. <div id="wrapper"><!---->div>
  10. <!---->body>
  11. <!---->html>

当然hack远不止这些,只要了解属性在各浏览器中不同的解析原理或是能否识别,再加以组合就可以是一套用来解决浏览器兼容性的hack.
<!---->
分享到：
| web页面打印
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    弹窗式日期控件兼容IE 6.0、7.0和 FF 2.0浏览器

    "弹窗式日期控件兼容IE 6.0、7.0和FF 2.0浏览器"这个主题涉及到的是一个专门针对老旧浏览器优化的前端技术问题。以下将详细讨论这个知识点。 1. **弹窗式日期控件**： 弹窗式日期控件是一种常见的UI组件，当用户...

    css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程

    IE7.0简体中文正式版发布了，对于我等常和网页打交道的人来说...　兼容浏览器版本：IE5.0，IE5.5，IE6.0，IE7.0，Firefox1.5，FireFox2.0 　CSS代码：（请注重Hack代码的顺序） 复制代码代码如下: #test{ width:300px

    css中!important的作用(IE6 IE7 FF)及其原理

    important这个规则对Ie6.0,Ie7.0和Firefox能写hack，现在就来讲解这是什么原理： *对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别; !important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用. (1)...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    对于前端工作者,最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0. 为了让所写代码在各主流浏览器中正常运行，我们不得不为各种浏览器写对应的样式。本文，青鸟...

    css在各种浏览器中的不同写法整理(IE与FF)

    /***适合IE7.0***/ *margin:0px -5px -4px 0px; /****适合IE6.0***/ margin:0px 0px 0px 0px; /*****适合FF*****/ 区别IE6与FF：  复制代码代码如下:　background:orange;*background:blue; 区别IE6与IE7： ...

    js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

    这篇文章主要介绍了使用JavaScript代码如何判断当前用户使用的浏览器种类（IE、Firefox、Opera、Safari、Chrome）以及它们的版本。以下是详细介绍： ### 判断浏览器种类及版本的方法 #### 方法一：只区分浏览器...

    网站开发技巧-个人三年遇到的一些CSS经典问题及解决方法

    兼容IE6E7IE8FF的CSS HACK写法.doc和css hack 区分ie6.0 ie7.0 firesox的各种写法.doc中介绍了如何通过特定的语法结构来实现对不同浏览器的针对性优化。 3. **PNG透明度问题**：IE6对PNG-24格式的透明处理不足，...

    SwfUpload_2.5_asp.net

    在"SwfUpload_2.5_asp.net"这个项目中，我们看到的是SwfUpload的2.5版本，它已经被测试过并且适用于IE6.0、IE7.0、IE8.0以及Firefox（FF）浏览器。 SwfUpload的工作原理是通过在网页中嵌入一个透明的Flash对象，...

    关于COOKIE个数与大小的问题

    实话讲，在平时的JS使用过程中很少去注意这方面的问题也很少去用到cookie，所以这次被人家问了个目瞪口呆，吱吱唔唔也说不出...IE6.0 IE7.0/8.0 Opera FF Safari Chrome cookie个数： 每个域为20个 每个域为50

    javascript 获取浏览器版本

    isIE7: /msie 7.0/.test(userAgent), // IE7 // ... 其他版本的检测 }; })(); ``` 这种技术对于需要针对不同浏览器版本实现特定功能时特别有用。例如，某些JavaScript库在旧版本的IE浏览器中可能需要使用特定的...

    !DOCTYPE声明对JavaScript的影响分析

    以IE6.0、IE7.0和IE8.0浏览器为例，在使用过渡型DOCTYPE时，如果元素有滚动条，clientWidth和clientHeight的值会减去滚动条的宽度，这与标准模式下的行为一致。而使用严格型DOCTYPE声明时，clientWidth和...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

Magicbox
Global site tag (gtag.js) - Google Analytics