2

css画像置換を使用して、ヘッダーをff、サファリ、オペラのリンクとして機能させることができました

#header h1 {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 15px;
}
#header h1 a {
    display: block;
    height: 120px;
    width: 400px;
    margin-top: -135px;
}

IE でサイトを最適化しようとしています。月曜日にサイトを立ち上げる前の最後のステップですが、IE 8 または 9 ではロゴがまったく表示されませんが、驚くべきことに IE 7 では表示されます。ディスプレイをインラインブロックにすることでIE9に表示されるロゴ

.ie9 #header h1 {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 15px;
}

.ie9 #header h1 a {
    display: inline-block;
    height: 120px;
    width: 400px;
    margin-top: -135px;
}

これを行うと、画像がリンクではなくなりますが、これを修正する方法を知っている人はいますか? 画像置換を使用する代わりに、HTML に画像を配置しますが、SEO の観点からは、画像置換を使用する方が優れていることが頭に浮かびました。

4

1 に答える 1

0

margin-top: -135pxそれが問題の原因だと思います。高さはわずか120pxなので、最終的に-15px(高さ-マージン)になり、H1タグの下部の下に表示されなくなります。

于 2012-10-18T15:43:06.283 に答える