懒得整理了,权当备忘,IE的一些BUG
========================
多语言字体baseline不统一
背景和边框渲染错误,设置zoom:1,触发hasLayout可以解决
IE FLOAT BUG

第一个图片比其它的高一个像素。。。
<ul class=”people-list tidy” style=”margin-left:20px;”>
<?php for ($i=0; $i<12; ++$i): ?>
<li>
<div><img src=”/img/photo_default.gif” /></div>
<div class=”info”><a class=”font12″ href=”/”>Warren</a></div>
</li>
<?php endfor; ?>
</ul>
<?php for ($i=0; $i<12; ++$i): ?>
<li>
<div><img src=”/img/photo_default.gif” /></div>
<div class=”info”><a class=”font12″ href=”/”>Warren</a></div>
</li>
<?php endfor; ?>
</ul>
<ul class=”people-list tidy” style=”margin-left:20px;”>
<?php for ($i=0; $i<12; ++$i): ?>
<li>
<img src=”/img/photo_default.gif” />
<?php for ($i=0; $i<12; ++$i): ?>
<li>
<img src=”/img/photo_default.gif” />
<a class=”font12″ href=”/”>Warren</a>
</li>
<?php endfor; ?>
</ul>
</li>
<?php endfor; ?>
</ul>
IE6: Whatever:hover只能实现<style></style>标签里的hover样式,CSS文件中的无法实现。
点击hover元素后有时会导致onhover类没有被去除
8以下版本的IE在渲染非ASCII字符时是不考虑字体的baseline的。直接将区域顶部与字体顶部对齐,这是导致我们做中文布局要是对不齐的根本原因。IE8解决了这个问题。
div被图片挡住