无法删除ie9中的图像边框

时间:2012-08-13 08:45:02

标签: html css

  

可能重复:
  Removing the image border in 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>

2 个答案:

答案 0 :(得分:5)

你应该需要的唯一规则是,尽管你有任何其他风格,但是在图像上没有边框。

你几乎是这样做的:

img {border : 0;}

但它应该是:

img {border : none;}

答案 1 :(得分:1)

某些浏览器会在链接中显示图像边框,您可以使用以下链接删除:

a img { border: none; }

您可能还想删除链接的下划线,该下划线看起来像图像的下边框:

a { text-decoration: none; }