2

このレイアウトを IE で正しく動作させるのに問題があります。問題は、小さな大文字の下線付きのテキストがある場合、垂直方向の配置を中央に設定した画像が下線を分割することです。小文字の下線は下に移動します。写真を見てください。

これは Firefox、Chrome、Opera では問題ないように見えますが、私が試した IE のすべてのバージョン (8 を含む) では機能しません。これは、下線付きのリンクでも発生します。コードは次のとおりです。

<html>
<head>
    <title>Test</title>
    <style type="text/css">
        img { vertical-align: middle; }
        span { text-decoration: underline; font-variant: small-caps; }
    </style>
</head>
<body>
    <img src="pic.png">
    <span>Abc QWerty AbCdEfGhIjKlMnOpQrStUvWxYz1234567890</span>
</body>
</html>

提案をありがとう。

4

2 に答える 2

0

また、これを機能させることもできzoom:1ませんでした（私には何もしません）。border-bottom私は今、代わりに使用することに頼りましたunderline...

于 2010-02-08T12:34:37.383 に答える