IE6

警句：珍爱生命，远离IE 很多时候，我们会想要设置容器的最小宽度或最大宽度，但IE6不支持min-width、max-width属性怎么办？ 别着急，跟着我慢慢来，会让你捉急的还很多呢 首先我们来看看标准属性min-width、max-width效果如何： .ie-hack { min-width: 100px; max-width: 200px; } <div class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</div> <div class="ie-hack">s</div> （图1-1 正常浏览器） （图1-2 IE6） 咦，好像不是预期的结果 哦，原来是block的原因。那我们改用inline-block吧： .ie-hack { min-width: 100px; max-width: 200px; display: inline-block; } <span class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</span> <br> <span class="ie-hack">s</span> （图2-1 正常浏览器） （图2-2 IE6） 哦啦，正常浏览器的宽度限制实现了，那现在我们来解决IE6的问题 这里用只有IE6才识别的

by zhangxinxu from http://www.zhangxinxu.com 一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页 中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道，层级越高（图层越靠上），越在上 面显示，如果层发生重叠，层级高的会覆盖层级低的，如果非透明或半透明，则会遮挡。 在photoshop中，层的高低就是靠手动调的，鼠标拖拽，或是ctrl+]或是ctrl+shift+[快捷键改变层的次序。如下图，鼠标拖移改变层次序的过程中： 在flash中，类似，可以手动改变图层次序，或是使用as脚本，例如：容器对象.setChildIndex(显示对象,0)就是让对象底层显示，而容器对象.setChildIndex(显示对象,容器对象.numChildren-1)就是最上面显示。 在CSS中，显然，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要 是relative，absolute或是fixed。就像生孩子一样，一个人不顶用，需要配合。下为z-index的业余示意图： 按照正常的思维，z-index层级越高

关于ie6、ie7和ff浏览器兼容 网友评论 0 条 转载到博客 2009-1-8 16:11:23　来源: 本站整理 顶一下 这些方法都是我平时用到时在网上找到收藏下来的呵呵，我提前声明一下免得误会! 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <style> #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ } </style> 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明： <

方案1 - 滤镜解决方案： 介绍： 滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。 注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！ 目录说明： 思路： 1、书写正常的CSS代码，通过background导入图片，这样所有的浏览器均使用了此PNG图片； background:url( ../images/W3CfunsLogo.png ); 2、通过滤镜对引入图片，滤镜引入图片的时候是 相对于HTML文件，而不是相对于CSS文件 ，语法如下： filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" images/W3CfunsLogo.png "); 代码写到这里，我们放到IE6下测试后发现IE6还是没有透明，因为我们虽然设置了滤镜引入图片，但是background也同样加载了此图片，又因为background的图层比滤镜设置的高，所以才没有显示出来，如下图： 3、所以我们得出的结论就是当我们使用filter的时候，就要使background失效，因此我们可以使用 CSSHack 来解决此问题（如果您不知道IE6的 CSSHack 如何使用的话，请看 这里！ ），只需要将IE6的

作为一个初涉前端技术的IT菜鸟，IE浏览器的兼容问题是一个不得不跨越的坎。为了能够在不同浏览器达到同样的显示效果，就不得不花心思想出办法实现兼容。由于各大主流浏览器内核不同，各自的实现标准有所差异，因此同样的CSS样式表可能无法同时适应其它的浏览器，特别是IE6更是让人感觉崩溃。因此就需要用到CSS HACK技术。（针对不同浏览器写不同的CSS代码） 兼容IE6的第一步就是单独对IE进行兼容，你针对IE6所写的代码只影响IE6；有几种方法可以区 分开IE6：IE特有条件注释、CSS选择器、JavaScript，我们将逐一讨论。 一、使用IE特有条件注释 微软给IE添加了条件注释以区分不同版本，任何东西都可以塞进条件注释里：标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。 规则如下：（译注：可参考IE 特有注释(hack)） <!--[if ie]> 这段文字会在所有IE浏览器显示 <![endif]--> <!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 This message will only appear in versions of Internet Explorer less than or equal to version 6. <![endif]--> <!--[if

ie6下submit会失效有两种情况: 第一种: a标签事件绑定状态下 $('a.btn').click(function(){ form.submit(); }) 点击失效； 分析： 微软低版本浏览器会先执行link标签的自身事件也就是href事件，这样就中断了form的submit事件，“return false;”的意思是中断link标签的的自身事件执行。 解决办法：换思路，用jquery直接处理图片、文字等的click $('a.btn').click(function(){ $('form').get(0).submit(); return false; }); 第二种: a标签上onclick调用事件处理函数 onclick="submitForm()" function submitForm(){ $('form').submit(); } 分析: 这里情况比较复杂,各种说法比较多,具体原因不明,有兴趣的童鞋可以深入Jquery代码研究一下整个的事件处理流程. 解决办法: function submitForm(){ setTimeout(function (){ $('form').submit(); },0); } 来源： oschina 链接： https://my.oschina.net/u/120468/blog/73243

在购物页面的“立即购买”按钮是用a标签来做的，设置了href="javascript:void(0);"，同时在a上面添加了onclick事件，目的是在点击之后处理Cookies并跳转到订单页面。反复测试发现 ie6下没有跳转，ff下是正常的。 在网上搜到的结果是ie6的bug导致这样的结果。 摘自网络 产生这样的结果是因为，IE6，会在执行完onclick代码再执行href里的内容，而在href里使用javascript:void(0);或javascript:;将使得执行跳转的那段代码失效。 解决办法： 1.不使用a标签，使用其他的可以替换的标签代替，样式里的cursor设置成pointer; 2.onclick加上return false; 3.设置href="#@" 来源： oschina 链接： https://my.oschina.net/u/732608/blog/211959

没有bootstrap以前，清除div浮动层是沉淀了几次的一段css，为了以后更好的管理与拓展，开始在公司网站建设后台中逐步融入bootstrap，采用了bootstrap中的清除浮动类：clearfix，具体代码就不贴了。 出现了一个问题，在IE6中： 这个空行在ietester中的DebugBar中查看代码是： <DIV class=clearfix></DIV> 效果： 嗯，高度12px，这是以前遇到过的一个IE6的bug，在css中设置height、line-height、margin、padding这些属性都是无效的。 在IE6中很奇葩的bug，没有文字也要保留一个字符的高度，那就是font-size，也就是全局默认的12px，so 在自定义css中写一个补丁： .clearfix { font-size:0;} 虽然有很多设计师已经不再调整IE6的兼容性了，但我泱泱大国IE6仍是应用挺多的，一句代码修复一个ie6 bug，建议用bootstrap的都在自定义css中加这个小补丁。 原创地址： http://www.igooda.cn/jsdt/jzjl/2013/0727/332.html 来源： oschina 链接： https://my.oschina.net/u/1175079/blog/147446

1. li 在 IE 中底部 3 像素的 BUG 解决方案：在 <li> 上加 float:left ；即可解决 2. IE6 中奇数宽高的 BUG 。 解决方案：就是将外部相对定位的 div 宽度改成偶数。高度也是一样的。 3. IE6 文字溢出 BUG 引发这种 BUG 有几个条件 1. 是注释引起的 , 删除所有注释即可 . 2.hidden 的 input 直接放在 form 下 . 3.display 为 none 的 div 也有可能引发此 bug. 4. 可以通过外面再包一次 DIV 解决 由注释造成文字溢出，属于 IE6 的 BUG ，溢出文字的字数 = 注释的条数 *2-1 ，这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。 解决办法： 1 、不放置注释。最简单、最快捷的解决方法； 2 、注释不要放置于 2 个浮动的区块之间； 3 、将文字区块包含在新的 <div></div> 之间，如： <div style= ” float:right;width:400px ” ><div> ↓这就是 多出来的那只猪 </div></div> ； 4 、去除文字区块的固定宽度，与 3 有相似之处； 5 、在后面加一个 <br /> 或者空格；（不推荐） 6 、使用 IE 注释格式，如： <! – [if !IE]

jquery博客依然整3D地图，火狐 谷歌 IE 7 8 9搞定了，依然剩下，蛋疼的IE6。 为了确保快速上线，不得不选择css hack 因为有些div宽度是根据屏幕宽度js判断了。 傻眼了，连css hack都不好整。 可恶的IE6，为了折腾你，已经耗了一上午。 真不是一般的恶心，没法做javascript 给ie6来个判断吧。 jquery API中 $.browser 浏览器内核标识 可用值: safari opera msie mozilla $.browser.version 浏览器渲染引擎版本号 典型结果: Internet Explorer: 6.0, 7.0 Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3 Opera: 9.20 Safari/Webkit: 312.8, 418.9 $.support.style 一组用于展示不同浏览器各自特性和bug的属性集合。 最终交集结果就是万恶的快进坟墓的IE6 代码 if ($.browser.msie && ($.browser.version == “6.0″) && !$.support.style) { //代码 } 转自 jquery http://www.jqueryba.com/282.html 来源： oschina 链接： https://my