0

私のブログで奇妙な CSS の問題が発生しています。こちらで確認できます: http://springecho.net/

メイン コンテンツ エリアのテキスト リンクには、背景色と別のテキスト色があり、ロールオーバーすると変化します。

ハイパーリンクも設定されている画像では、この CSS コードの結果として画像の下部に黒い線が表示されます。画像をロールオーバーすると、黒い線が消えます (テキスト リンクの動作を複製します)。

CSS で何を変更して、ロールオーバーの背景色を画像の後ろに完全に隠すか、まったく行わないようにすることができますか?

どうもありがとう！:)

4

1 に答える 1

2

最初:background-colorホバリング時に just が削除されたように見えますが、その後 に設定され#FFC909ます。

vertical-alignデフォルトでは に設定されています。これbaselineは、画像の下にまだスペースがあることを意味します。単純に次のように設定しtopます。

a > img {
    vertical-align: top;
}
于 2012-08-04T00:33:56.410 に答える