a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法

a标签嵌套img标签在IE7,8下显示带有蓝色边框border的解决方法

今天有同事问到我,为什么他的a标签嵌套img标签在IE8以下的浏览器显示会有个边框,怎么解决会好点?经过我做了个demo之后,发现,原来是浏览器本身的问题!

1.思考问题研究

  1. 会不会是text-decoration的问题(加上了none并不影响)
  2. 主要是在哪个浏览器的显示问题(IE7,8)
  3. img的border是浏览器加上的吗?(是的,IE自动加上的,而且是每个方位都加了border,通过开发者工具可看)

2.解决方法研究

  1. 既然是增加了border,那么可以通过设置加border:none解决。
  2. 测试之后,都没有显示上的问题。

3.代码附上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a嵌套img标签在ie下显示不正常</title>
    <style>

        a {
            text-decoration: none;
        }
        a img {
            border: none;
        }
    </style>
</head>
<body>
    <a href="#"><img src="tusiji.jpg" alt=""></a>
</body>
</html>
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值