質問

文書型ます：

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

HTMLます：

<a href="http://www.somelink.com">
    <img src="images/someimage.jpg" alt="sometag" />
</a>

CSSます：

div.something img {
    display:            inline;
    border:         none;
}

Firefoxがうまくそれらを示し、IEだけでIEが訪れたリンクのために使用しています紫っぽいボーダーで（それはテキストがあることを期待おそらくどこ？）少しインラインボックスを追加します。これは、すべてのバージョン（6,7,8）で発生します。

役に立ちましたか？

解決

次のHTMLを使用して、私はあなたの問題を再現することができました。

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
        div.something img 
        {
            display: inline;
            border: none;
        }
        div.something a
        {
            border: 0;
        }
    </style>
</head>
<body>
    <div class="something">
        <a href="http://www.somelink.com">
            <img src="images/someimage.jpg" alt="sometag" />
        </a>
        <a href="http://www.somelink.com">
            <img src="images/someimage.jpg" alt="sometag" />
        </a>
        <a href="http://www.somelink.com">
            <img src="images/someimage.jpg" alt="sometag" />
        </a>
    </div>
</body>
</html>

これに伴う問題は、開口部の端部との間の空白「」タグおよび「IMG」タグの開始は、リンクの一部であると考えられることである。

とのそれらを交換します 

<a href="http://www.somelink.com"><img src="images/someimage.jpg" alt="sometag" /></a>

私にとってはIE8で問題を解決しました。

編集：CSSを削除しました。必要でないことが判明します。

他のヒント

あなたは問題が解決されます、あなたのイメージタグ、上border="0"を設定する必要があります。画像がリンク内にあるときIEは、自動的にそれがリンクであることを示すために、その周りに「リンク」の境界線を置きます。

また、imgタグのために0に境界線を設定するためにCSSを使用することができるかもしれません。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top