问题与CSS上的元素显示

<p style="float: left; position: relative; left: 130px; top: 80px; display: none;" id="homehref"><a href="" style="color: white;">Home Page</a></p>问题与CSS上的元素显示

我这是在我的网站的标题我隐藏的元素。

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

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

来源

2010-11-11 sushil bharwani

请向我们展示完整的代码（标题）以及您的css - 否则几乎不可能说出什么是错的。 – oezi 2010-11-11 07:43:18

@sushil，有什么理由为什么你使用“p”而不是div – kobe 2010-11-11 07:43:26

有人请告诉我一般如何使一个元素浮在页面上。所以对它下面的元素没有影响。我的意思是它可以移动到上面的一层。我不能把整个代码放在这里。 – 2010-11-11 07:45:15

你可以做这样的事情

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

其住宿左和10px的10px的从页面的顶部。如果你想要通过另一个元素，你可以给z-index比页面上的元素更高。

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

来源

2010-11-11 07:51:42 kobe

浮动工程取决于容器内容关系，所以我需要知道如何构建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;}

怎么样了现在的工作？

来源

2010-11-11 07:56:46 desh

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

来源

2010-11-11 07:59:51 kst

@sushi，你可以制作测试页并放在某个地方，然后告诉我们：

无论如何，我们在这里都没有实际情况代码，但我可以假设你可能需要在标题元素上面放置标记float：left元素，或者使用overflow：hidden，或者somth。

但是，正如@gov先前已经提出的，也许更容易使它绝对定位。不要忘记在这种情况下使头元素相对定位。

来源

2010-11-11 08:30:10 Ankheg

问题与CSS上的元素显示

回答

相关问题