0

<span>特定の画像を基準にして配置しようとしています。XHTML Transitional doctypeを使用する必要があります。これは、アプリケーションが何年も前から使用していて、依存しすぎているためです。

<span>次のコードは、道を横に正しく配置します。

<html>
    <head>
        <style type="text/css">
            span.tooltip {
                z-index:1000;

                position:absolute;
                top:200;
                left:600;
            }
        </style>
    </head>
    <body>
        <span class="hasTooltip">
            <img src="https://www.google.com/images/srpr/logo3w.png" />
            <span class="tooltip">Tooltip!</span>
        </span>
    </body>
</html>

ただし、このコードは位置を壊し、または値が<span>何であっても常に同じ場所に表示されます。lefttop

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <style type="text/css">
            span.tooltip {
                z-index:1000;

                position:absolute;
                top:200;
                left:600;
            }
        </style>
    </head>
    <body>
        <span class="hasTooltip">
            <img src="https://www.google.com/images/srpr/logo3w.png" />
            <span class="tooltip">Tooltip!</span>
        </span>
    </body>
</html>

<span>この要素をXHTMLTransitionaldoctypeで正しく配置するにはどうすればよいですか？

4

1 に答える 1

3

とを使用top: 200pxしleft: 600pxます。これらはどのモードでも機能しますが、 `px'を省略すると、CSSコードが正しくなくなり、 Quirksモードでのみ機能します。

于 2012-04-04T05:06:12.827 に答える