在实际应用中，考虑到seo，很多button，icon用A标签来实现。

处理，例如：

1. <a href="#" class="btn">Button a> 

CSS一般写法：

1. .btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);} 

在标准浏览器下是没问题的，但是在IE6和7下会触发A标签消失的bug。

解决方法1：

1. display:inline-block; 

改为

1. display:block; 

然后再做布局处理。

解决方法2：

1. text-indent:-9999px; 

改为

1. font-size:0; line-height:0; 

或者各种可以隐藏掉内容元素的方法。

解决方法3：

1.  <a href="#" class="btn">Button a> 

在按钮前面增加任何元素，都可以让消失的按钮重新出现。

解决方法4：

给元素加 position:absolute;

PS：inline或inline-block元素设置text-indent在IE6/IE7中显示不正常的bug致使

text-indent会传递到父及元素，也就出现了上文中的结果。