摘要：熟悉 CSS 盒模型朋友相信对于 IE 双倍浮动边界 BUG 不会陌生，这个 BUG 只会产生在浮动行的第一个浮动元素（此处说法不准确，并不是第一个浮动元素，假如浮动的元素在一行显示不下，占用了多行，那么每一行的第一个元素都会受此 BUG 影响。啊呀教育网编注），所以如果第一个浮动元素没有使用外补丁 margin 就不会有双倍距离。不过最近发现 IE 对于这个 BUG 居然有延伸的现象。问题下例所有图的浮动行的第一个浮动元素外补丁 margin 都为 0#left2 的 margin-left 为 50px 显示正常当 #left2 的 margin-left 为 100px 显示正常接着我们 阅读全文

摘要：今天碰到IE下a:hover样式失效问题调整了半天最后发现是同事把a标签的属性href写成了 herf ,郁闷～～～～～IE6中a标签没有href属性直接用onclick时也会出现这种情况 阅读全文

摘要：目前越来越多的浏览器兼容CSS3标准了，就连IE浏览器老大哥也开始向CSS3低头，微软宣布IE9浏览器支持更多的CSS3属性，IE9更注重HTML5标准。不过CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE浏览器里对这个transform属性无法通过一般的CSS写法去实现。 在W3C官方的标准里，通过transform属性使对象旋转的写法如下：transform: rotate(40deg); /* 其中40是旋转的角度... 阅读全文

摘要：一、写出几种IE6 BUG的解决方法。这里能写多少是多少，最好把自己遇到的全写出来。可以借鉴http://css.doyoe.com/ 问题和经验列表，里面应有尽有。写几个常见的：1.解决IE6及更早浏览器浮动时产生双倍边距的BUGdisplay:inline2.如何解决IE6下的文本溢出BUG(行业内称：多出一只猪)删除2个div之间所有的注释；不设置浮动；调整2个div的宽度，比如将宽度调整为更小一点，刷新页面看效果。3.DIV浮动IE文本产生3象素的bug左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. #box{float:left; width:8 阅读全文

摘要：IE6重复字符BUGIE6重复字符BUG好久没遇到如此有趣的BUG了，有多有趣呢？看下面的图~在IE6里多出了几个字符？是的，很诡异吧~但是绝对是同样的源代码哦~！你可以下载下面的HTML文档，在IE6中查看一下效果。 后面的注释是4种解决方法，可以一一删掉注释查看。下载测试出现这个BUG的“机遇“其实并不大，要满足以下一个或者多个条件：1.父元素的内部有多个浮动元素。2. 最后一个浮动元素前有隐藏元素：包括html注释和display：none的元素3.子元素的宽度和父元素相同，父元素的宽度减去子元素宽度小于3px<div style=“width:500px;font-size:12 阅读全文