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

文章內容

margin負值引起的層級(z-index)問題

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

不知道是不是該取這個問題,若有分歧定見請留言賜正,感謝!

在IE6和IE7下,內層的容器被外層籠蓋,如圖所示:

先來看這么一段代碼:


<div style="height:100px;width:200px; border: solid 1px black; ">
      <div style="background-color:Red;margin-top: -5px ">
        <a href=http://www.css88.com/archives/"http://www.css88.com/">愚人碼頭</a></div>
    </div>


2009-05-26_004915;(轉載請注明出處:WEB前端開發 http://www.css88.com/)

在IE8和ff下,外層的容器被內層籠蓋,如圖所示:

2009-05-26_004929;(轉載請注明出處:WEB前端開發 http://www.css88.com/)

真是瘋狂啊,如不美觀要達到IE8的外層的容器被內層籠蓋的效不美觀,ie7可以經由過程觸發內層的layout解決,,可是IE6卻不行,只能在內層使用position:relative來解決問題,當然position:relative也解決ie7的問題,因為position:relative自己就能觸發layout。(轉載請注明出處:WEB前端開發 http://www.css88.com/)


<div style="height:100px;width:200px; border: solid 1px black; ">
      <div style="background-color:Red;margin-top: -5px;position:relative">
        <a href=http://www.css88.com/archives/"http://www.css88.com/">愚人碼頭</a>      </div>
    </div>


看代碼:

當然要IE8、FF達到IE6、IE7的效不美觀就只要在外層加overflow:hidden 就可以了,看代碼。(轉載請注明出處:WEB前端開發 http://www.css88.com/)

<div style="height:100px;width:200px; border: solid 1px black; overflow:hidden ">
      <div style="background-color:Red;margin-top: -5px;">
        <a href=http://www.css88.com/archives/"http://www.css88.com/">愚人碼頭</a>      </div>
    </div>

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

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

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

青海十一选五开奖图