0

我正在尝试定位<span>相对于特定图像的相对位置。我必须使用 XHTML Transitional 文档类型,因为这是该应用程序在我接触它之前几年就一直在使用的东西,并且太多地依赖它。

以下代码正确地将<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>位置,并且无论leftortop值是什么,它总是出现在同一个位置:

<!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>使用 XHTML 过渡文档类型正确定位此元素?

4

1 回答 1

3

使用top: 200pxleft: 600px。它们可以在任何模式下工作,而如果您省略“px”,则它是不正确的 CSS 代码,并且只能在Quirks 模式下工作。

于 2012-04-04T05:06:12.827 回答