合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

margin负值引起的层级(z-index)问题

日期:2013-11-29  来源:攀枝花惠康网络公司

不知道是不是该取这个问题,若有分歧定见请留?#28304;?#27491;,?#34892;唬?/p>

在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>

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大?#34892;?#22478;市,我们高效优质的网站建设服务深受用户好评。

?#22836;认擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  ?#22836;Q:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
邮编:617200

合买大神 祖拉玛特 山东时时彩交流群 河南22选5开奖 呜呜祖拉怎么吹响 安徽25选5开奖 连连看试玩 海盗掠宝APP 日日进财客服 上海佛罗伦萨小镇地址 英雄杀孙武