我想要一個HTML元素(讓說SPAN或DIV)是出現在頁面上,但不佔用任何空間,這樣我就可以打開和關閉的可見性屬性,並沒有什麼移動但跨度消失。例如 拿一張桌子。當我移動鼠標時,我想在每一行顯示一個「編輯」標籤。但我不希望它佔用桌子寬度的空間。我只是想讓它在桌子旁邊「漂浮」。 任何想法如何實現這一目標?做一個HTML元素「浮動」
- 我可以不是要使用JavaScript。所以我會很高興如果只有CSS纔有可能。
- 我曾嘗試使用浮動,它不是一件好事,因爲沒有元素與之重疊。 (我想重疊。)
我想要一個HTML元素(讓說SPAN或DIV)是出現在頁面上,但不佔用任何空間,這樣我就可以打開和關閉的可見性屬性,並沒有什麼移動但跨度消失。例如 拿一張桌子。當我移動鼠標時,我想在每一行顯示一個「編輯」標籤。但我不希望它佔用桌子寬度的空間。我只是想讓它在桌子旁邊「漂浮」。 任何想法如何實現這一目標?做一個HTML元素「浮動」
我想你一個CSS工具提示後很。下面是一個的例子: http://psacake.com/web/jl.asp
沒有使用javascript我想你可以使用CSS :hover
。就像這樣:
<style type="text/css">
#world { display: none; }
#hello:hover #world { display: block; }
</style>
<div id="hello">
hello
<div id="world">world</div>
</div>
演示:jsFiddle
div {
position: absolute;
left: 100px;
top: 100px;
}
這將需要div和位置使其相對於具有比其他static
位置的含有第一元素。如果您有一個位置爲靜態(默認)或相對位置的項目,它將影響文檔流程,從而影響其他元素的位置。如果你的位置設置爲絕對的,它需要它的公文流轉,並讓你放下'它在上任何像素位置你喜歡的網頁。 :d
的 「浮動」 屬性不 「浮動」 在其他元件的對象。它將元素「浮」到一邊或另一邊。
爲了把一個對象在另一個對象,使用Z-index屬性與位置屬性組合。
z-index: 500;
position: absolute;
left: 50px;
top: 50px;
您可以通過在表格邊緣添加一個不可見的附加列,直到它的行懸停結束,以達到此效果。你想用visibility
,不display
,隱藏和顯示,因爲visibility
維持細胞的分配空間。
你應該能夠很容易地複製代碼,使其適合您的特定網頁的工作。
這種方法還具有在網絡瀏覽器上比使用positioning
更加一致的優勢,在嵌套幾個元素後,IE瀏覽器的行爲往往會出現奇怪的現象。
絕對定位,也許? – mc10
你有這樣的例子嗎? –
絕對定位,因爲我正在動態生成表格,所以實際上並不可行。我不希望它在窗口大小調整時中斷。你爲什麼評價我?你真的認爲我還沒有嘗試過這2天才問? Daniel,我從我選擇的答案中得到了或多或少的所需。不過謝謝 –