A链接IE6、7下失效场景及解决方案

1.当img元素包含在多个层级关系里时,只要触发了img元素的父元素的hasLayout,那么就会造成在IE67下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=UTF-8">
<title>Insert title here</title>
<style>
a {  
   /* 这句需要加上, 当bug出现时, 超链接默认的手形图标会消失 */ 
   border:1px solid red;
    
}  
a span {  
   /* 只要触发hasLayout, 就可以看到这个bug, 如: float, zoom, position,inline-block等 */ 
     display:inline-block;
     
   height: 100%;  
   border:1px solid red;
}

</style>

</head>
<body>

<a href="http://www.ipmtea.net"><span><img src="pics/psb.jpg" alt="msg" /></span></a> 

</body>
</html>
原文地址:https://www.cnblogs.com/siqi/p/3153977.html