ie6下position:absolute绝对定位内容不显示

今天在切一个团购页面时,发现一个问题,由于团购页面比较注重表现形式,页面设计中用了些position:absolute绝对定位,但在经测试后发现ie6不能显示绝对定位标签里的内容,然后回头查了下代码,发现没什么异常,难道是一个ahuing不曾知道的一个ie6的bug?,总之如果没用绝对定位是可以的,百度一下,找了解决方法,原来是因为使用绝对定位的标签紧挨着的标签使用了浮动:float。哎!没办法,我的解决方法是在他们之间又单独写了一个清除浮动的标签。保存,刷新页面,哇塞!好了!,这个bug对于ahuing来说是一个新bug,分享出来,给同样被此问题困扰的你指明一个方法。可以看下代码

  1. <div class="logo l"><h1><a href="#"></a></h1></div> 
  2.         <div class="bz"> <img width="280" height="105" src="images/bz-ahuing.jpg"/></div> 
  3.         <div class="blank0"></div> 
  4.         <div class="city"> 
  5.             <a href="#" target="_blank"></a><b>苏州</b> 
  6.         </div> 

其中.logo,bz为浮动,blank0为削除浮动,.city为绝对定位

转载请注明:代码家园 » ie6下position:absolute绝对定位内容不显示

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)