Heim > Web-Frontend > HTML-Tutorial > ie hover z-index没效果_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:31:56
Original
1197 Leute haben es durchsucht









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


大概改写了一下

太牛了 楼上 OK

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage