为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html/CSS

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);

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
13
获赞与收藏
318

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消