html - 无法在ie9中删除图像边框

Question

可能重复：
删除 Chrome/IE9 中的图像边框

图像周围有一个用蓝色包裹的边框。它是蓝色的...我尝试遵循一些解决方案，但边框图像并没有消失。

CSS：

<style type="text/css">
   a {outline : none;}
   a img {outline : none;}
   img {border : 0;}
   a:active, a:focus 
   { 
     outline: none; 
     ie-dummy: expression(this.hideFocus=true);
    }
</style>

这是我的 html 标记：

<p style="margin-left: 39%;margin-top: 23px;">
     <a  href="<?php echo $review[0]['link']; ?>" 
         target="_blank" style="border: none;text-decoration: none;">
         <img style="border: none;" 
              src="Images/Review/button_register_for_free.png"/>
     </a>
</p>

Answer 1

尽管您有任何其他样式，但您应该需要的唯一规则是在图像上不设置边框。

你几乎做到了：

img {border : 0;}

但它应该是：

img {border : none;}

Answer 2

某些浏览器会在链接内的图像周围显示边框，您可以使用以下方法将其删除：

a img { border: none; }

您可能还想删除链接的下划线，它看起来像图像的底部边框：

a { text-decoration: none; }