html - CSS、ボックスアラウンド画像が消えない

Question

画像、正確にはツイッターの周りにボックスがありますが、それを消すことはできません。それは次のようになります:私のサイト www.isaveplus.com への Internet Explorer でのみ発生し、他のすべてのブラウザーでは表示されません。テキスト装飾だと思っていましたが、そうではありませんでした。以下はその外観です。

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none;" /> </a>
</div>

画像の周りの青いボックスを削除する方法について何か提案はありますか? ありがとう！

Answer 1

imgにborder:0を追加

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none; border:0" /> </a>
</div>

ただし、スタイル属性ではなく、外部 css ファイルで行うことをお勧めします。

img{border:0;}/* reset border for all images*/

Answer 2

使用する必要がありますstyle="border:0"

Answer 3

imgにborder:noneを追加

<div style="width:11%; float:left; background-color:#2C6B23; height: 51px; border-top-right-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-left-color:White; border-left-width:1px; border-left-style:groove; text-align:center ">
<a href="https://twitter.com/ISavePlus1" style="text-decoration:none;" target="_blank"> <img src="picture/twitter.png" alt="twitter" style="height: 100%; width:auto; text-decoration:none; border:none" /> </a>
</div>