0

アンカータグ内に画像があります。画像に太い灰色の境界線を付けたいのですが、マウスでホバーすると、画像は薄い黒い境界線で囲まれ、灰色の境界線が完全には覆われません。このアイデアを 2 つの境界線で実装しました。画像には境界線があり、アンカーには別の境界線があります。私の理解では正常に動作するはずですが、そうではありません。画像の下側に一種のパディングマージンがあります。スタイルに何か問題がありますか? これが私が使用するコードです。コピーして貼り付けて自分で確認してください。

<!DOCTYPE html>
<html>
    <head>
        <style>
            a img {border:1px #cccccc solid}
            a:hover img {border:1px #000000 solid}
            a {float:left;border:2px #cccccc solid}
        </style>
    </head>
    <body>
        <a href=""><img src="https://sites.google.com/site/davikokar/lavaligiafelice/puglia2012/thumbs/IMG_7861_2_3.jpg"/></a>
    </body>
</html>
4

3 に答える 3

1

display:block を img に追加する

http://jsfiddle.net/renekoch/MDy3n/

于 2012-10-15T07:51:40.927 に答える
0

この行を削除してみてください

a {float:left;border:2px #cccccc solid}​

あなたの意図がホバー時に画像を強調表示することだけであり、それが正常に機能する場合

http://jsfiddle.net/LpPVq/

于 2012-10-15T07:49:35.543 に答える
0

私は CSS の専門家ではありませんが、aCSS の 3 行目で再定義しているようです

于 2012-10-15T07:49:47.690 に答える