求前台牛人解答关于z-index的问题_html/css_WEB-ITnose-html教程-PHP中文网

回复讨论(解决方案)

首页

web前端

html教程

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

Jun 21, 2016 am 09:44 AM

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"> <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 lazy"  src="/static/imghw/default1.png"  data-src="<s:property value="   #product.productImg1"/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" >" alt="Product Picture" width="95"    style="max-width:90%" onerror="urlImgError(this)"/>							    	</s:if>							    	<s:else>			      						<s:if test="#application['modify_product_image'] == 'true'">			      							<img  class="img1 lazy"  src="/static/imghw/default1.png"  data-src="<s:property value='#application["   #application["modify_image_link"]'/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" >?url=<s:property value='#products.productImg1'/>&size=95X95" /> 		      						</s:if>		      						<s:else>		        							<img  class="img1 lazy"  src="/static/imghw/default1.png"  data-src="<s:property value='#application["   #application["netcloud.product.images.path"]'/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" ><s:property value='#products.productImg1'/>"  width="95"    style="max-width:90%" /> 		       						</s:else>		       						</s:else>	       						</s:if>	   							<s:else>								   		<img  src="/static/imghw/default1.png"  data-src="/static/portal/images/photonotavailable.jpg"  class="lazy"       style="max-width:90%"  style="max-width:90%"  / alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" > 	   							</s:else>   							</td></tr></table>			                <div class="rltd_over"> 									<table class="coversimilarPictuer"> 									<tr><td valign="middle" align="center">						               						                <a href="/portal/epp<s:property value="#products.productId"/>-<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="/static/imghw/default1.png"  data-src="<s:property value="  class="lazy"   #product.productImg1"/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" >" alt="Product Picture" width="95"    style="max-width:90%" onerror="urlImgError(this)"/>								    			</s:if>								    			<s:else>						      						<s:if test="#application['modify_product_image'] == 'true'">						      							<img  class="img1 lazy"  src="/static/imghw/default1.png"  data-src="<s:property value='#application["   #application["modify_image_link"]'/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" >?url=<s:property value='#products.productImg1'/>&size=95X95" /> 					      						</s:if>					      						<s:else>					        							<img  class="img1 lazy"  src="/static/imghw/default1.png"  data-src="<s:property value='#application["   #application["netcloud.product.images.path"]'/ alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" ><s:property value='#products.productImg1'/>"  width="95"    style="max-width:90%" /> 					       						</s:else>					       						</s:else>			       							</s:if>				   							<s:else>											   		<img  src="/static/imghw/default1.png"  data-src="/static/portal/images/photonotavailable.jpg"  class="lazy"       style="max-width:90%"  style="max-width:90%"  / alt="求前台牛人解答关于z-index的问题_html/css_WEB-ITnose" > 				   							</s:else>			   							 </a>		   							</td></tr></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'}" /></font><br/>				                  </s:if>				                  <s:if test="#products.manufOtherName != null && #products.manufOtherName != ''">				                   	Brand: <font color="#008B8B"><s:property value="manufOtherName"/></font><br />				                  </s:if>				                  <s:if test="#products.modelNo != null && #products.modelNo != '' ">				                    Model#: <font color="#008B8B"> <s:property value="modelNo"/></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 !=''">				                  				<s:property value="prodLocCity"/>, 				                  				</s:if>				                  				<s:if test="#products.prodLocState != null && #products.prodLocState != ''">				                  				<s:property value="prodLocState"/>,				                  				</s:if> 				                  				<s:if test="#products.prodLocCountry != null && #products.prodLocCountry != '' ">				                  				<s:property value="prodLocCountry"/>				                  				</s:if>				                  			</font>				                  </s:else></p>				                    				          		<input name="productIdS" type="button"  id="productIdSimilar"  onclick="similarToinquiry(<s:property value="productId"/>)"/>			                </div>			             </div>			        </div>	            </s:iterator>	          </div>

登录后复制

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