Question

<p style="float: left; position: relative; left: 130px; top: 80px; display: none;" id="homehref"><a href="" style="color: white;">Home Page</a></p>

我将此作为我网站标题上的隐藏元素。

每当我将鼠标悬停在标题徽标上时，我都会显示此元素。

在Firefox中它的工作正常。但是在IE 7中，它会将导航转移到它下方。有人可以建议我如何保持我的主页链接真正漂浮在ie7中。

Answer 1

你可以做这样的事情

#divtofloat{
position : absolute
top:10px;
left:10px
}

它从左边停留10px，从页面顶部停留10px。如果你想要来到另一个元素，你可以给z-index高于页面上的元素。

使用绝对定位，您可以将div放在页面的任何位置......具有顶部，左侧，底部属性。

Answer 2

浮动的工作取决于容器内容关系，所以我需要知道html的结构。无论如何，似乎浮动似乎是最好的解决方案。此外，您必须将结构（html）与演示文稿（css）分开。你可能需要： HTML：

<div id="header">
   <a href="link_to_home">
      <img src="logo_url" />
      <span class="tooltip">Home Page</span>
   </a>
</div>

CSS：

#header a { position: relative;}
#header a span { display: none; position: absolute; left:130px; top: 80px; }
#header a:hover span { display: block;}

现在怎么样？

Answer 3

我还没有看到你的完整源代码，但我认为你想在你的标题logo上做工具提示。如果你做here，jquery工具提示会很酷。

Answer 4

@sushi，您可以制作测试页并将其放在某处，然后告诉我们：|

无论如何，在没有实际情况的情况下，我们都有点失明，但我可以假设你可能需要放入标记浮点数：左边的元素超过标题元素，或使用溢出：隐藏在其上，或者somth

但正如@gov早先提出的那样，也许更容易让它绝对定位。在这种情况下，不要忘记使标题元素相对定位。