<span>
を特定の画像に対して相対的に配置しようとしています。 XHTML Transitionalのdoctypeを使用する必要があります。なぜなら、それはアプリケーションが何年も前から使用していたものです。CSS: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暫定DOCTYPEでこれ<span>
要素を配置することができますか?
問題を引き起こしているdoctype宣言は本当ですか?私は、基準とほぼ標準的なモードとの間に絶対的な位置づけに違いはないと信じています... – BoltClock