フロントデスクの専門家に 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"> <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="<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="<s:property value='#application["modify_image_link"]'/>?url=<s:property value='#products.productImg1'/>&size=95X95" /> 		      						</s:if>		      						<s:else>		        							<img class="img1" src="<s:property value='#application["netcloud.product.images.path"]'/><s:property value='#products.productImg1'/>"  width="95" height="95" /> 		       						</s:else>		       						</s:else>	       						</s:if>	   							<s:else>								   		<img src="/static/portal/images/photonotavailable.jpg"  width="95" height="95"  /> 	   							</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="<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="<s:property value='#application["modify_image_link"]'/>?url=<s:property value='#products.productImg1'/>&size=95X95" /> 					      						</s:if>					      						<s:else>					        							<img class="img1" src="<s:property value='#application["netcloud.product.images.path"]'/><s:property value='#products.productImg1'/>"  width="95" height="95" /> 					       						</s:else>					       						</s:else>			       							</s:if>				   							<s:else>											   		<img src="/static/portal/images/photonotavailable.jpg"  width="95" height="95"  /> 				   							</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;を開始し、ボディの各レイヤーでposition:relative;を設定しましたが、z-indexはclass = rltd_overのz-indexよりも小さいですが、それでも機能しません。アドバイスをください

ディスカッションに返信します (解決策)

あなたのスタイルに過剰に隠されているものはありますか? もしそうなら、まずそれを削除して確認してください

あなたのスタイルに過剰に隠されているものがありませんか?存在する場合は、まずそれを削除して、存在するかどうかを確認してください。存在する場合は成功しません。確認したところ、存在しませんでした。