IE6下a标签absolute定位后，不能点击的问题

问题描述：

在下面的图中，我想把这个"立即购买“是用”a"标签block后，加上absolut，在现代浏览器下没有问题，在IE6,7下问题来了，不能点击。

尝试：

1. 加上z-index,把它设置的很高（无用）。

2. 把a标签内加入内容（无用）

解决方案：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>Just for test</title>  
<style type="text/css">  
.text{
width:80px;
height:20px;
line-height:30px;
display:block;
border:1px solid #000;
text-align:-9999px;
position:absolute;

}  
</style>  
</head>  
  
<body>  

<a href="#" class="text">Click me!</a>  
</body>  
</html>

1. 把absolute改为relative.

2. 设置background, background:url(about:blank)

posted @ 2012-10-28 19:59  moonreplace  阅读(591)  评论(0)  编辑  收藏  举报