做一個HTML元素「浮動」

-1

我想要一個HTML元素（讓說SPAN或DIV）是出現在頁面上，但不佔用任何空間，這樣我就可以打開和關閉的可見性屬性，並沒有什麼移動但跨度消失。例如拿一張桌子。當我移動鼠標時，我想在每一行顯示一個「編輯」標籤。但我不希望它佔用桌子寬度的空間。我只是想讓它在桌子旁邊「漂浮」。任何想法如何實現這一目標？做一個HTML元素「浮動」

我可以不是要使用JavaScript。所以我會很高興如果只有CSS纔有可能。
我曾嘗試使用浮動，它不是一件好事，因爲沒有元素與之重疊。（我想重疊。）

來源

2011-09-25 Ramzi Kahil

絕對定位，也許？ – mc10

你有這樣的例子嗎？ –

絕對定位，因爲我正在動態生成表格，所以實際上並不可行。我不希望它在窗口大小調整時中斷。你爲什麼評價我？你真的認爲我還沒有嘗試過這2天才問？ Daniel，我從我選擇的答案中得到了或多或少的所需。不過謝謝 –

我想你一個CSS工具提示後很。下面是一個的例子： http://psacake.com/web/jl.asp

來源

2011-09-25 00:46:16 jzm

沒有使用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

來源

2011-09-25 00:45:55

div { 
    position: absolute; 
    left: 100px; 
    top: 100px; 
}

這將需要div和位置使其相對於具有比其他static位置的含有第一元素。如果您有一個位置爲靜態（默認）或相對位置的項目，它將影響文檔流程，從而影響其他元素的位置。如果你的位置設置爲絕對的，它需要它的公文流轉，並讓你放下'它在上任何像素位置你喜歡的網頁。：d

Css position property

來源

2011-09-25 00:47:34

的「浮動」屬性不「浮動」在其他元件的對象。它將元素「浮」到一邊或另一邊。

爲了把一個對象在另一個對象，使用Z-index屬性與位置屬性組合。

z-index: 500; 
position: absolute; 
left: 50px; 
top: 50px;

來源

2011-09-25 00:48:37

您可以通過在表格邊緣添加一個不可見的附加列，直到它的行懸停結束，以達到此效果。你想用visibility，不display，隱藏和顯示，因爲visibility維持細胞的分配空間。

演示：http://jsfiddle.net/sCrS6/

你應該能夠很容易地複製代碼，使其適合您的特定網頁的工作。

這種方法還具有在網絡瀏覽器上比使用positioning更加一致的優勢，在嵌套幾個元素後，IE瀏覽器的行爲往往會出現奇怪的現象。

來源

2011-09-25 01:04:14

做一個HTML元素「浮動」

回答

相關問題