IE7将图像浮动在可滚动div的一个li内

  • 本文关键字:一个 li div 图像 滚动 IE7 css
  • 更新时间 :
  • 英文 :


我有一个可滚动的弹出框,在这个弹出框里面我有一些带有上下边界的li's。我遇到的问题是,在IE7中与li的z索引图像不滚动复制任何想法?

有人知道吗?

<div class="pop-header-container">   
<ul class="beni-home">
<li class="first"><p>copy</p>
<div class="image-contain">
<img src="IMAGE" class="one-image" />
</div>  
</li>
</ul>
</div>
ul.beni-home {
margin: 0 0 25px;
padding: 0;
list-style-type: none;
}
ul.beni-home li {
margin: 0;
padding: 25px 0 25px 25px;
border-bottom: 1px solid #e3e3e3;
background:url("IMAGE") no-repeat 0 30px;
}
ul.beni-home li.first { 
border-top:5px solid #e3e3e3; 
}
/* and the image and container */
.image-contain{position:relative;}
.price-tag
{
float:left;
position:absolute;
left:180px;
top:-50px;
z-index:999999; 
zoom: 1; 
}

您是否在标记中指定了DOCTYPE声明?这应该可以工作:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 

添加到文档的顶部

最新更新