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

WBOY
Release: 2016-06-21 09:31:56
Original
1182 people have browsed it









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


大概改写了一下

太牛了 楼上 OK

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template