如何避免空的a标签在ie7、ie8下无效?

293 查看

html:
<ul class='down_content clearfix'>
<li><img src='imgs/phone_01.png' /><a href="#"></a></li>
<li><img src='imgs/phone_02.png' /><a href="#"></a></li>
<li><img src='imgs/phone_03.png' /><a href="#"></a></li>
</ul>
css:
.down_content li a{width:120px; height:32px; position:absolute; right:24px; bottom: 38px;display: block; }
解决方法:
1、down_content li a{width:120px; height:32px; position:absolute; right: 24px; bottom: 38px;display: block; background:#fff; opacity:0;filter:alpha(opacity=0);}(给a标签随便添加背景色或者背景图片,然后将a标签的透明度设置为0,不过在IE中需要使用滤镜,即 opacity:0;filter:alpha(opacity=0);)
2、给a标签添加样式:background:url(about:blank);