在做项目的时候,有时候经常会用到position定位. 在ie各种版本测试中.ie6老是排版的位置对不齐. 其中包含的问题就是1像素bug. 先让大家看看图片: 图片不清晰,大家莫见怪,因为本人用QQ截图的. 继续...... 大家应该看到主要是在bottom和right会有1像素bug. 至于这个是什么问题.就要去问问ie6的开发者了. 所以建议大家尽量不要把尺寸设为奇数. 整体代码: ... [阅读全文]

1. 使用 DOCTYPE 你需要在HTML页面的最顶部加上DOCTYPE类型，当然， strict版是值得推荐的，例如： 或者, XHTML页面的!DOCTYPE： 2. 设置position: relative 设置position:relative解决了不止一个问题，特别当需要设置对齐的时候。很明显，你需要明白的一点是，绝对定位是相对来说的。说不定，因为你没有设置，而不知道东... [阅读全文]

点评：我们知道，IE6可能过不了多久就会消失了，但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗？这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。 1. 使用DOCTYPE 你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict 版本，比如： 复制代码代码如下:!DOCTYPE HTML PUBLIC "-//W3C//DTD H... [阅读全文]

如下 IE6/7 double padding-bottom Bug IE6/7 double padding-bottom Bug IE8/9(标准模式) and Firefox/Safari/Chrome/Opera IE6/7 and IE8/9(怪异模式) 外层div加了上下padding 15px，可是在IE6/7 and IE8/9(怪异模式)下padding... [阅读全文]

在IE6下（标准模式/怪异模式），如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下 IE6双空白边Bug IE6双空白边bug 各浏览器中表现如下 IE7/8/9/Firefox/Safari/Chrome/Opera : IE6: 解决方法是给div[id=d1]加：display... [阅读全文]

点评：以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码： style a {} a span {color: green;} a:hover {} a:hover span {color: red; } /style a href="http://www.baidu.com"百度span百度一下/span/a 在IE7/FF中，鼠标移动到... [阅读全文]

点评：以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。例如如下的代码： style a {} a span {color: green;} a:hover {} a:hover span {color: red; } /style a href="http://www.baidu.com"百度span百度一下/span/a 在IE7/FF中，鼠标移动到... [阅读全文]

点评： ie6 fixed bug (css+js)解决方法，需要的朋友可以参考下。复制代码代码如下:... [阅读全文]

点评： ie6 fixed bug (css+js)解决方法，需要的朋友可以参考下。复制代码代码如下:... [阅读全文]

点评：IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0）如图：可是在IE6下查看，却变成了right:1px的效果了：IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的查看源码：CSS代码:#out {width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/h... [阅读全文]

点评：这个问题主要是出现在IE6浏览器中，而且这位朋友也说明了一些必要的触发条件看代码：复制代码代码如下:... [阅读全文]

标题就是title拉萨尔--莱佛士教育/title，调试了很久发现当把title拉萨尔--莱佛士教育/title 删掉后，显示了。 。。。。 找原因，没找到。 后来有吧中间的"--"去掉，显示正常。 然后再加上显示"--"显示正常。 在把备份的文件title段复制过来，又没显示了。 好像是"--"的问题，不知道"--"是不是戏弄我。... [阅读全文]

在IE8发布不久之后，Opera首席执行官Jon von Tetzchner曾经对外公开表示，微软的IE8浏览器还会对网络标准继续破坏。不过随着大家对IE8浏览器越来越了解，发现IE8对CSS标准的支持的确有非常大的改观。　　微软的IE8已采纳了万维网联合会的HTML 5和CSS2.1标准，只是还没有采用已使用于Mozilla，谷歌，和Opera浏览器的SVG。多年来面对W3C机构对HTML标准的... [阅读全文]

当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现，它会偏移3像素。只要触发IE的hasLayout，非浮动元素就会拥有布局。所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题：_zoom:1;margin-left: value;_margin-left: value-3px;zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom。margi... [阅读全文]