大连网站制作客服
主营业务
  • 网站制作
  • 网站维护
  • 网站推广
  • 域名空间
联系电话
联系人:尹先生
QQ:1050706570
E-mail:biz@noonenet.cn
地址:大连市甘井子区哲林北园29号
·首页 >> 设计表现 >> 解决图片固定底部在IE6里的BUG

解决图片固定底部在IE6里的BUG

  更新时间:2009-9-23 9:57:56    编辑:阿帆

遇到一个问题:

1.如果想让图片固定底部就得应用:

以下是代码片段:
#div{position:relative;}
#div img{position:absolute;bottom:0px;}

2.解决ie6下图片和层固定底部position:absolute的bug:

图片或者层的上方还有图片或者层,
那么就得把上下层都分别定义固定顶部和底部。

如下所示:

以下是代码片段:
 <div id="leftside">
       <div id="nav">此层有图片<img></div>
       <div id="leftsideimg">此层有图片<img></div>
 </div>

样式表:

以下是代码片段:

 

#leftside{
 float:left;
 width:282px;
 background:url(images/index_3.gif) repeat-y left top;
 position:relative;
 overflow:hidden;
}

#nav{
   float:left;
   width:100%;
   margin-top:50px;
   font-size:0px;
   position:absolute;
   top:0px;
   left:0px;
   overflow:hidden;
}

#leftsideimg{
 position:absolute;
 bottom:0px;
 _bottom:-1px;
 left:0px;
}


这个问题困扰了我一上午的时间,最后加层啊什么的,都不好用,最后我删来删去加了一个不定义的空层,然后原始层的IMG定义绝对定位,就好用了。希望会对大家有所帮助。

 

原载: No.1网络工作室 http://www.noonenet.cn/
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。


Tags:图片 固定 底部 ie6 bug
同类文章:
· WEB标准最佳实践:五个需要注意的地方
· Css的z-index属性与Flash动画层叠需注意
· div+css 垂直导航栏并添加翻转效果
· 给链接定义样式
· 用CSS建立相册,相册说明,图片阴影效果
返回新闻列表
top
本站关键字:大连网站制作 - 大连网站建设 - 大连网页制作
CopyRight © 2009-2012 No.1网络工作室 All Rights Reserved  sitemap
地址:大连市甘井子区哲林北园29号 电话:13889684613 E-mail:biz@noonenet.cn QQ:1050706570
logo