問題與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上的元素顯示

回答

相關問題