求前台牛人解答关于z-index的问题_html/css_WEB-ITnose

z-indexie7 z-index ie7 显示一部分

首先上图片，在firefox下面，实现的效果是

鼠标放上去

这个效果已经实现了。
可是在ie 7 下 ，
原来效果
鼠标放上去之后

只在图片放在的位置实现了效果，超过图片之后，就显示不出来了。
代码如下：原来的界面是一个图片，鼠标放上去之后是同样的图片加上下面的内容，

<div id="ps_albums">
          
<s:iterator value="categoryProducts" id="products">
        <div class="ps_album">
           
<div class="similar_thumb">
           
<table class="similarPictuer"> <tbody><tr><td valign="middle" align="center">
           
<s:if test="#products.productImg1 !=null && #products.productImg1 != ''">
           
<s:if test="#product.productImg1.substring(0,2) == "//" || #product.productImg1.substring(0,4) == "http"">
    
<img class="img1" src="https://www.gxlcms.com/<s:property value=" #product.productimg1"="">" alt="Product Picture" width="95" height="95" onerror="urlImgError(this)"/>
    
</s:if>
    
<s:else>
      
<s:if test="#application['modify_product_image'] == 'true'">
      
<img class="img1" src="https://www.gxlcms.com/<s:property value='#application[" modify_image_link"]'="">?url=https://www.gxlcms.com/<s:property value="#products.productImg1">&size=95X95" /> 
      
</s:property></s:if>
      
<s:else>
        
<img class="img1" src="https://www.gxlcms.com/<s:property value='#application[" netcloud.product.images.path"]'="">https://www.gxlcms.com/<s:property value="#products.productImg1">"  width="95" height="95" /> 
       
</s:property></s:else>
       
</s:else>
       
</s:if>
   
<s:else>
   
<img src="https://www.gxlcms.com/static/portal/images/photonotavailable.jpg" width="95" height="95"> 
   
</s:else>   
</td></tr></tbody></table>
                <div class="rltd_over"> 
<table class="coversimilarPictuer"> 
<tbody><tr><td valign="middle" align="center">
               
                -https://www.gxlcms.com/<s:property value="@com.netcloud.core.utils.TransCodingUtils@replace(#products.productName)">.htm">
                <s:if test="#products.productImg1 !=null && #products.productImg1 != ''">
                <s:if test="#product.productImg1.substring(0,2) == "//" || #product.productImg1.substring(0,4) == "http"">
    
<img src="https://www.gxlcms.com/<s:property value=" #product.productimg1"="">" alt="Product Picture" width="95" height="95" onerror="urlImgError(this)"/>
    
</s:if>
    
<s:else>
      
<s:if test="#application['modify_product_image'] == 'true'">
      
<img class="img1" src="https://www.gxlcms.com/<s:property value='#application[" modify_image_link"]'="">?url=https://www.gxlcms.com/<s:property value="#products.productImg1">&size=95X95" /> 
      
</s:property></s:if>
      
<s:else>
        
<img class="img1" src="https://www.gxlcms.com/<s:property value='#application[" netcloud.product.images.path"]'="">https://www.gxlcms.com/<s:property value="#products.productImg1">"  width="95" height="95" /> 
       
</s:property></s:else>
       
</s:else>
       
</s:if>
   
<s:else>
   
<img src="https://www.gxlcms.com/static/portal/images/photonotavailable.jpg" width="95" height="95"> 
   
</s:else>
   
 
   
</s:property></td></tr></tbody></table>
               
                  <p>
                  <s:if test="#products.condition != null && #products.condition != ''">
                  
Condition :<font color="#008B8B"><n:selectlabel name="#products.condition" list="#{1:'NEW',2:'USED',3:'Manufacturer Refurbished',4:'Seller Refurbished',5:' For Parts or Not Working',6:'Recycles'}"></n:selectlabel></font><br>
                  </s:if>
                  <s:if test="#products.manufOtherName != null && #products.manufOtherName != ''">
                   
Brand: <font color="#008B8B">https://www.gxlcms.com/<s:property value="manufOtherName"></s:property></font><br>
                  </s:if>
                  <s:if test="#products.modelNo != null && #products.modelNo != '' ">
                    Model#: <font color="#008B8B"> https://www.gxlcms.com/<s:property value="modelNo"></s:property></font><br>
                  </s:if>
                  <s:if test="#products.prodLocCity == null && products.prodLocState == null &&  products.prodLocCountry == null">
                  </s:if>
                  <s:else>
                  
Location: <font color="#008B8B">
                  
<s:if test="#products.prodLocCity != null && #products.prodLocCity !=''">
                  
https://www.gxlcms.com/<s:property value="prodLocCity">, 
                  
</s:property></s:if>
                  
<s:if test="#products.prodLocState != null && #products.prodLocState != ''">
                  
https://www.gxlcms.com/<s:property value="prodLocState">,
                  
</s:property></s:if> 
                  
<s:if test="#products.prodLocCountry != null && #products.prodLocCountry != '' ">
                  
https://www.gxlcms.com/<s:property value="prodLocCountry">
                  
</s:property></s:if>
                  
</font>
                  </s:else></p>
                    
          
<input name="productIdS" type="button" id="productIdSimilar" onclick="similarToinquiry(https://www.gxlcms.com/<s:property value=" productid"="">)"/>
                </div>
             </div>
        </div>
            </s:iterator>
          </div>

搜索了下说是该元素的父元素设置为position: relative; 我从这个元素开始向上到body每层都设置了position: relative; 而且z-index比class = rltd_over的z-index 都小，可是依旧不行，求大神支招

回复讨论(解决方案)

你的样式里有超出隐藏没，如果有先去掉看看

你的样式里有超出隐藏没，如果有先去掉看看 没有的哈，有的话firefox不会成功的，而且我刚刚特看了下，没有的