我正在尝试定位<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>
位置,并且无论left
ortop
值是什么,它总是出现在同一个位置:
<!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 过渡文档类型正确定位此元素?