在IE中这个提示层把本身的链接遮了点击不了，该怎么解决？

无民 · 发表于 2009-5-22 02:43:25

在IE中这个提示层把本身的链接遮了点击不了，该怎么解决？
在火狐里面点击图片可进链接，没有问题，但是在IE6和IE7下面点击不了链接，我不想移动提示层的位置，但是想链接有效，怎么改？请问高手，非常感谢！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
(情缘站长教程网 Www.XiuGoo.Com)
<title>haliyo.com</title> 
<style> 
body{ background:#22272b;} 
ul {margin:0; padding:0; list-style:none;} 
li { float:left; width:136px; height:168px; font-size:12px; }/*firefox*/ 
*html li { float:left; width:128px; height:160px; font-size:12px; }/*ie6*/ 
*+html li { float:left; width:136px; height:164px; font-size:12px; } /*ie7*/ 
 
li a { display:block; text-decoration:none;} 
li a:hover { position:relative;} /*触发后相对定位*/ 
li img{ background:#22272b; border:1px solid #444; margin:0; padding:3px; cursor:pointer;vertical-align:top;} 
li span { display:none;} 
li a:hover span { display:block; position:absolute; top:0px; left:0px; z-index:1;}/*z-index放到这里在IE6里才正常*/ 
</style> 
 
</head> 
 
<body> 
 
<ul> 
<li><a href="http://www.haliyo.com" title=""><img src="http://www.haliyo.com/autouploadfiles/haliyo_0708/Def_qhzk200783114013.jpg" /><img src="http://www.haliyo.com/autouploadfiles/haliyo_0708/qhzk200783114013.jpg" /></a></li> 
<li><a href="#" title=""><img src="http://www.haliyo.com/autouploadfiles/haliyo_0708/Def_am0j2007816221256.jpg" /><img src="http://www.haliyo.com/autouploadfiles/haliyo_0708/am0j2007816221256.jpg" /></a></li> 
</ul> 
 
</body> 
</html> 

提示：您可以先修改部分代码再运行

波仔 · 发表于 2010-1-8 11:05:02

(*^__^*) 指点系词……激扬文字……

cheng9525 · 发表于 2010-1-18 00:05:08

路过....

		自动登录	找回密码
密码			注册