![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
死磕ie6
芦大叔
并不是肖像,只是想要这深邃的眼神
展开
-
IE6下margin双倍边距
开始工作之后任务都是要求兼容所有浏览器,之前都在IE8+版本上兼容,大概了解些IE6的bug但一直也没实际遇到过 .. 借此机会,把我遇到的所有ie bug记录下来 ~ 共勉 ! 触发条件:浮动元素的浮动方向和margin的方向一致 .{ float : right; margin-right:100px;}{ float : left; margin-left:100px;}只有第一个元素原创 2016-03-17 22:13:58 · 280 阅读 · 0 评论 -
IE6下hover失效
要让IE6 hover正常,注意一下三点IE6及以下只对a标签有hover这个伪类一定要记得加a标签的href属性 ! (被坑了..)可以把hover交互嵌套在a标签里,但是记得要对a:hover的css上有改动才生效a:hover {zoom:1;}a:hover .showmyname { color:red; }原创 2016-03-17 23:38:46 · 217 阅读 · 0 评论 -
IE6下图片撑满页面并有最小宽度
要让一个大图保持可见度的情况下动态撑满屏幕, 不管IE6时这样就行 xx.jpg(1920*200).box { background:url(xx.jpg) no-repeat; min-width:1003px;margin:0 auto; }这样,图片至少保持1350宽尺寸的内容可见度下,图片会随容器撑满宽度。经测试IE7及以上都可以,IE6表现为始终动态撑满容器宽度。解原创 2016-03-17 23:53:40 · 292 阅读 · 0 评论 -
IE8及以下不识别H5标签
是的, 竟然IE8也是不能识别的 .. 这个不能识别指的是这些标签如<header>不会被当<div>处理,没有内容没有样式.. 解决办法使用Google的html5shiv包<!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->原创 2016-03-18 00:05:13 · 497 阅读 · 0 评论 -
IE6下设置div的height:1px失效
IE6下div的默认高度是字体的行高,当我们设置height小于这个值它依然会采取行高。解决办法 :设置 line-height:0div { background:#212121; width:100%; height:1px; line-height:0;}同理也可以设置font-size:0div { background:#212121;原创 2016-03-20 13:36:31 · 238 阅读 · 0 评论 -
谈谈烦人的hasLayout和BFC
hasLayout是ie5/6/7下特有的一个属性 , 也是无数IE6测试下bug的根源。什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasL原创 2016-03-20 11:41:47 · 277 阅读 · 1 评论 -
IE7及以下多个行内元素时浮动元素折行不环绕
问题<div class="part"> <span>万达....</soan> <a class="more" href="#"></a></div>大多数浏览器下 IE6/7下 原因在IE6/7中无法产生环绕效果,可能的原因有 同一个父容器内有多个行内元素;某些为非浮动元素,某些为浮动元素(可以是左浮动或右浮动);浮动的子元素不都是位于非浮动的子元素之前。解决办法原创 2016-04-05 10:16:58 · 443 阅读 · 0 评论 -
浮动元素没有撑开父容器
一开始我以为是ie6下的问题, 后来经测试是所有浏览器。想了一下,这个问题涉及BFC, 当父容器未声明宽高,而子元素都是浮动素即它们会脱离普通文档流。解决目标触发ie6/7下的hasLayout清除父元素受浮动元素的影响解决办法在容器里新增一个div.clearfix,像这样.clearfix { clear : both;}给父容器加上.parent{ overflow:原创 2016-03-22 23:44:43 · 360 阅读 · 0 评论 -
ie6下z-index无效
其实不是这样的 ! 对 ! 可以生效 !也许你和我一样,设置了z-index发现在ie6下无效所以来寻找hack的方法.. 但是, 其实z-index是可以生效的,只是ie6这个变态解释得很奇怪。[ ie6下的z-index ] 当前元素的层叠高度取决于祖先元素中最顶层且为relative的元素设置的z-index ! 且要生效的标签设置position属性,除static !<html>di原创 2016-03-23 21:33:58 · 239 阅读 · 0 评论