CSS:XHTML过渡文档类型的绝对位置

我正在尝试相对于特定图像定位<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>的位置，并且无论left或top的值是什么，它总是出现在同一位置：

<!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>

如何使用XHTML Transitional doctype正确定位此<span>元素？

使用top: 200px和left: 600px。它们可以在任何模式下工作，而如果省略"px"，则是不正确的CSS代码，只能在Quirks模式下工作。

相关内容

最新更新

热门标签：