2

重複の可能性:
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>
4

2 に答える 2

5

他のスタイルに関係なく、必要な唯一の規則は、画像に境界線を設定しないことです。

あなたはほとんどそれをしました：

img {border : 0;}

ただし、次のようにする必要があります。

img {border : none;}
于 2012-08-13T08:50:35.393 に答える
1

一部のブラウザーでは、リンク内の画像の周囲に境界線が表示されます。これは、次の方法で削除できます。

a img { border: none; }

リンクの下線を削除することもできます。これは、画像の下の境界線のように表示されます。

a { text-decoration: none; }
于 2012-08-13T08:50:53.483 に答える