![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
IE6
何东狮吼
just do it
展开
-
IE条件注释
下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果:IE条件注释您正在使用IE浏览器版本 5版本 5.0版本 5.5版本 6版本 7版本 8原创 2011-07-27 19:02:35 · 573 阅读 · 0 评论 -
css打造自适应布局
test*{ margin:0; padding:0; color:#FFF;}.a{ background:#FF0000; width:100%; float:left; margin-right:-100px;}.b{原创 2011-07-30 10:11:21 · 1133 阅读 · 0 评论 -
float浮动 和 hasLayout 研究心得
float 浮动有三个用处:一是使得自身脱离文档流,使得父容器不会受其高度影响(IE6下给父容器触发hasLayout即可解决);二是使得后面的非浮动元素“顺流环绕”浮动元素(IE6下给右侧非浮动元素触发hasLayout即可剞劂);三是浮动元素的尺寸,如果未指定将按自身内部元素原创 2011-07-29 15:25:56 · 1769 阅读 · 3 评论 -
纠结的 hasLayout与overflow:hidden --- 清除浮动之谜
之前我在 zoom:1 和 overflow:hidden 日志中就说过zoom:1和overflow:hidden的功能是一致的,甚至用height:1%代替zoom:1也是一样效果其实我这篇日志想说的就是,IE专有的hasLayout是由zoom:1和height:1原创 2011-07-30 09:15:23 · 2863 阅读 · 0 评论 -
纠结的 float与行框 --- 文字围绕浮动之谜
最近一直纠结于浮动和非浮动元素相邻时候的奇怪表现,按照我的理解,浮动元素浮动后就脱离了普通文档流,相邻的非浮动元素就会忽略浮动元素本来应该占有的那部分空间。按照我之前的理解,那么我认为如果一个元素A浮动了,那么相邻的非浮动元素B一定会被A覆盖在下面了,但是实际情况中我有两点问原创 2011-07-30 06:56:28 · 7337 阅读 · 7 评论 -
hasLayout 介绍,以及其触发条件
什么是 haslayout ? haslayout 是IE渲染引擎的一个内部组成部分。在IE中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,IE渲染引擎采用了 hasLayout 属性,属性值可以为true或f转载 2011-07-27 22:20:47 · 5283 阅读 · 0 评论 -
float 和 hasLayout 研究(文字围绕)
IE6 浮动元素与非浮动元素在一起,3px偏移BUG*{ margin:0; padding:0; font-size:12px;}.box{ width:220px; overflow:auto;}.leftbox{ backgr原创 2011-07-29 15:57:07 · 961 阅读 · 0 评论 -
IE6 常见CSS BUG修复
IE6双倍边距bughttp://blog.csdn.net/hedong37518585/article/details/6638997 3像素问题及解决办法http://blog.csdn.net/hedong37518585/article/details/6639044原创 2011-07-28 21:52:29 · 1005 阅读 · 0 评论 -
IE6 a:hover失效 原因是haslayout
haslayout引起IE6下 a:hover失效a:hover {}a:hover span{color:#F00;}鼠标经过时改变我的颜色在IE6下鼠标经过span不会变色,其他浏览器都OK,要解决这个问题就必须触发a:hover的原创 2011-07-29 13:20:24 · 1382 阅读 · 0 评论 -
IE6 浮动元素与非浮动元素在一起,3px偏移BUG解决方案
IE6 浮动元素与非浮动元素在一起,3px偏移BUG*{ margin:0; padding:0; font-size:12px;}.box{ width:220px; overflow:auto;}.leftbox{ backgr原创 2011-07-27 20:35:49 · 1302 阅读 · 0 评论 -
IE6 下 PNG透明
<br /><style> body{ background:#000; } * html .png{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=原创 2010-09-10 23:01:00 · 669 阅读 · 0 评论 -
IE6的BUG,float浮动元素被非float元素挤到第二行
IE float浮动BUG新闻标题2011-07-21上面的效果,点击运行后可以查看下,firefox chrome都正常,但是ie6 ie8下 日期都换行显示了 IE float浮动BUG2011-07-21新闻标题原创 2011-07-21 13:49:00 · 1938 阅读 · 0 评论 -
IE6 浮动元素之间注释太多 导致重复字符BUG
IE6 浮动元素之间注释太多 导致重复字符BUG*{ margin:0; padding:0;}#repeatword_bug{ width:200px; height:200px; background:#F00;}#re_float原创 2011-07-27 21:16:14 · 1040 阅读 · 0 评论 -
css hack整理,更新于2011-7-27
CSS hack.box{ color:red; *color:green; /* IE6 IE7 */ *+color:green; /* IE6 IE7 */ [color:green; /* IE6 IE7 */ _co原创 2011-07-27 22:59:26 · 663 阅读 · 0 评论 -
IE6 相对定位容器中的绝对定位BUG
IE6 相对定位容器中的绝对定位BUG*{ margin:0; padding:0;}#box { background:#eee; border:1px solid #333; position:relative; text-align原创 2011-07-27 21:57:37 · 1632 阅读 · 0 评论 -
IE6 躲猫猫BUG的解决方案
IE6 躲猫猫BUG*{ margin:0; padding:0;}#box { background:#eee;} #float { float:left;} #clear { clear:both;}原创 2011-07-27 21:45:15 · 2254 阅读 · 0 评论 -
IE6 双倍水平外边距BUG以解决方案
解决办法:设置display:inline解决。原因分析:块框对象默认的display属性值是block,当设置了浮动同时设置了外边距就会出现这情况。并且,因为浮动都有其相对应的对象,只有相对于其父对象的浮动才会出现这样的问题。第一个对象是相对父对象的,而第二个对象是相对第一个对原创 2011-07-27 19:59:17 · 2124 阅读 · 0 评论