>  기사  >  웹 프론트엔드  >  ie hover z-index没效果_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-21 09:31:561182검색









这个代码在鼠标经过上面 在火狐上可以遮掉旁边的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标签的问题吧

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.