目录
求前台牛人解答关于z-index的问题_html/css_WEB-ITnose
Jun 21, 2016 am 09:44 AMz-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 都小,可是依旧不行,求大神支招
回复讨论(解决方案)
你的样式里有超出隐藏没,如果有先去掉看看
你的样式里有超出隐藏没,如果有先去掉看看 没有的哈,有的话firefox不会成功的,而且我刚刚特看了下,没有的
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章
击败分裂小说需要多长时间?
3 周前
By DDD
仓库:如何复兴队友
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前
By 尊渡假赌尊渡假赌尊渡假赌
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?
3 周前
By 王林

热门文章标签

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么?
