ie hover z-index没效果_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:31:56
原创
1181 人浏览过









这个代码在鼠标经过上面 在火狐上可以遮掉旁边的2条竖线 为什么IE就不可以呢   我百度看了很多资料 感觉对自己都没有用啊  求高手回答


回复讨论(解决方案)

你用的ie 几。。ie9和ff效果一样。。

ie8确实有点没盖上

<style>.g1gg{width:950px; height:30px; position:relative; z-index:10;}a.g1g{width:109px; height:30px;position:absolute; left:0px; top:0px; z-index:10display:block;background:url("http://img03.taobaocdn.com/imgextra/i3/472096346/T2HZqrXbBaXXXXXXXX_!!472096346.jpg");}a.g1g:hover{width:110px;background:url("http://img02.taobaocdn.com/imgextra/i2/472096346/T2ar1rXaBaXXXXXXXX_!!472096346.jpg");z-index:999;}a.g2g{width:162px; height:30px;position:absolute; left:108px; top:0px;z-index:10;display:block;background:url("http://img04.taobaocdn.com/imgextra/i4/472096346/T2yBirXiBaXXXXXXXX_!!472096346.jpg");}a.g2g:hover{background:url("http://img04.taobaocdn.com/imgextra/i4/472096346/T2hCqrXX0XXXXXXXXX_!!472096346.jpg");z-index:999;}</style><div class="g1gg"><a class="g1g" href="#"></a><a class="g2g" href="#"></a></div>
登录后复制


大概改写了一下

太牛了 楼上 OK

这个应该是我的 A标签无法突破DIV标签的问题吧

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板