網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

【IE6的瘋狂系列】IE6下position:absolute相鄰元素margin-top失效的bug

日期:2013-11-25  來源:攀枝花惠康網絡公司

————————————————

昨天發現了一個ie6的bug,絕對界說(position:absolute)的相鄰元素margin-top竟然會失蹤效;

如不美觀沒有復雜的布景什么的可以使用padding-top替代margin-top;

看demo把(請用ie6圍不美觀):http://www.css88.com/demo/absolute-bug/absolute-bug.html

這里有幾個前提:

  1. 相鄰元素是有width屬性的,如不美觀去失蹤width屬性,margin-top又會生效,點擊查看:http://www.css88.com/demo/absolute-bug/absolute-bug-1.html
  2. 增添相鄰元素浮動,margin-top也會又會生效;點擊查看:http://www.css88.com/demo/absolute-bug/absolute-bug-2.html

另贈予一個IE6下與float元素相鄰的position:absolute元素消逝蹤BUG

還可應在相鄰元素間插入一個空標簽的體例:

<div style="position: absolute; width: 500px; top: 0; left: 0; height: 30px; background-color: #666;">此處顯示新 Div 標簽的內容</div>
<!--[if IE 6]>
<div></div>
< ![endif]-->
<div style="margin-top: 35px; width: 100px; float: left; background-color: #3fc;">此處eeeeeeeee顯示新 Div 標簽的內容</div>

點擊查看:http://www.css88.com/demo/absolute-bug/absolute-bug-4.html


圍不美觀地址:http://blog.dengsa.com/?p=342 http://www.webchina110.cn/?p=105

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图