网页制作的时候，经常需要在图片上添加相应的链接，而且相对于传统的文字链接的方式，不仅美观，而且有更大的可点击区域。这种制作形式完全没问题。例如：
<a title="科e互联" href="http://www.internetke.com" target="_blank">
<img width="220" height="68" src="http://www.internetke.com/templets/default/images/logo.jpg">
</a>
这种情况是几乎没有任何问题的，但是，如果在img标签之外，a标签之内再添加一层元素（如div或者p标签），在IE6，7下虽然能够正常显示链接，但是却无法点击。即使你给a标签的样式加上cursor:pointer;设置相应的高度和宽度，设置为display:block，依然是无法点击的。如下所示的布局：
<a href="http://www.internetke.com" target="_blank">
<div class="a">
<img src="test.jpg"/>
</div>
<div class="b">
<img src="test.jpg"/>
</div>
</a>
对应CSS样式：
.a,.b{
width:140px;
height:140px;
float:left;
margin:10px 0 10px 10px;
display:inline;
}
在IE6 ,7下，右键点击可以显示“在新标签中打开链接”等选项，证明不是a链接无效。而且在两图片的margin的空白区域，是可以点击的，只有图片的区域却无法点击（也就是图片区域的连接失效了）,解决方法如下：
新修改CSS样式：
.a,.b{
width:140px;
height:140px;
float:left;
margin:10px 0 10px 10px;
display:inline;
position:relative;
z-index:-1
}
科e互联前端网站建设教程：通过调整各标签层级关系小技巧来解决a标签连接失效问题。
