作者gpmm (銀色)
看板Web_Design
標題[心得] IE6 下 position 的微妙 Bug
時間Mon Jun 28 11:52:02 2010
想問問看有沒有人跟小弟一樣踩到這個哭笑不得的 bug,
css / html 如下:
<style type="text/css">
div { width:100px; height:100px;
position:relative; border:1px solid blue;}
a { width:20px; height:10px;
position:absolute; top:10px; right:0px;
border:1px solid green;}
</style>
<div>
<a href="#">Link</a>
</div>
以上這段 code 看起來或用起來都沒有什麼問題,
但如果將 div 的寬,從 100px 改為 99px 的時候…
a 和 div 的 border 之間竟然跑出 1px 的空隙!?
反覆測了一下,應該是 IE6 在處理單數寬度上有問題,
上來分享小弟踩到的蟲子,
如果有弄錯的地方還請指點。 orz
--
好想說
這一切都是幻覺,嚇不倒我的!(淚抱頭)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.31.89.70
推 aiyswu:還好我從很久以前就不再管IE6了 >"< 06/28 13:31
→ cassatte:IE6好像的確有奇數偶數寬度的問題,IE7好像也有 06/28 19:58
→ cassatte:不過印象中是在 right bottom 的屬性下出現的 06/28 19:59