Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS:使用XHTML过渡Doctype定位绝对值_Css_Xhtml_Position_Doctype - Fatal编程技术网

CSS:使用XHTML过渡Doctype定位绝对值

CSS:使用XHTML过渡Doctype定位绝对值,css,xhtml,position,doctype,Css,Xhtml,Position,Doctype,我正在尝试相对于特定图像定位。我必须使用XHTML过渡doctype,因为这是应用程序在我接触它之前的几年里一直在使用的东西,而且太依赖它了 以下代码将正确定位到一侧: <html> <head> <style type="text/css"> span.tooltip { z-index:1000; position:absolute;

我正在尝试相对于特定图像定位
。我必须使用XHTML过渡doctype,因为这是应用程序在我接触它之前的几年里一直在使用的东西,而且太依赖它了

以下代码将
正确定位到一侧:

<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过渡doctype正确定位此
元素?

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

使用
顶部:200px
左侧:600px
。它们可以在任何模式下工作,而如果省略'px',则是不正确的CSS代码,只能在中工作

您确定是doctype声明导致了问题吗?我不相信标准模式和几乎标准模式之间的绝对定位有任何区别……您确定是doctype声明引起了问题吗?我不相信绝对定位在标准模式和几乎标准模式之间有任何区别…谢谢,我应该注意到这一点!谢谢你,我应该注意到的!
<!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>