0
4

2 に答える 2

4

次の 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>

これの問題は、開始タグ「a」の終わりと「img」タグの始まりの間の空白がリンクの一部と見なされることです。

それらを次のものに置き換えます。

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

私のためにIE8の問題を解決しました。

編集：CSSを削除しました。不要であることが判明した。

于 2009-05-29T14:29:11.407 に答える
1

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

CSS を使用して img タグの境界線を 0 に設定することもできます

于 2009-05-29T14:14:37.240 に答える