Info kplace.plala.jpから移設しました

リンク付き画像の枠線消去

作成日: 2012/05/15
■目的
　本Webページでリンク付き画像の枠線が表示されるページがあります。
　意図していないので枠線を消去します。

■枠線表示サンプル
　IEだけがリンク付き画像の枠線を表示しているのに気づきました。
　なぜかalt属性を付加した画像の枠線だけが表示されるようです。
  　<img alt="SkyDrive" src="../images/SkyDrive020.png" border="1"><br>
  　<a href="https://apps.live.com/skydrive/app/9a65e47d-606a-4816-a246-90f54bf7a3ea"
    target="_blank"><img alt="buttom" src="../image2/buttom22.gif">SkyDrive
    for Windowsのページはこちら</a><br>
　ie border表示
■枠線非表示指定とサンプル
　枠線は意図していないので非表示にします。
　CSSファイルにa内のimg要素の枠を非表示にするエントリーを追加します。
　a img { border-style:none; }
  結果は以下のサンプルのようになります。
　ie border非表示
■結果
　リンク付き画像の枠線表示は意図してないので非表示にしました。
　CSSファイルに非表示の指定を追加することで全てのページに適用されました。
　枠線表示の要因はIEの不具合と思われます。
　 blog 　　 MovableType