Rumah > hujung hadapan web > html tutorial > ie hover z-index没效果_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:31:56
asal
1197 orang telah melayarinya









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


大概改写了一下

太牛了 楼上 OK

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan