0
我有一個有許多行的表。Html/CSS Z：index位置：相對問題
我想對行進行懸停效果。當某人懸停在一行上時，彈出式div會顯示一些關於該行的附加信息。
我打算這樣做一個div和懸停使div可見/不可見。
現在我的問題是與HTML/CSS。
如何使用懸停時出現的div製作表格，但不影響表格的外觀。
我在想z位置的相對位置。但我無法得到它的工作。
A
回答
2
對於tr，您應該使用position:abolute; top: 10px; left: 20px; z-index: 1代替div和position: relative。 （頂部和左邊只是假設，使用這些來定位div相對於你的行）
相對定位該行，將其保留在上下文中。絕對定位div使得它的位置對其父（在這裏是行）是絕對的。如果該行不具有相對性，則div將被絕對定位到body或已設置爲position的父元素。
Nealry有這個。但是當我把它放入Firefox時 - 它不起作用。
也許你做的http://jsfiddle.net一個例子，我們可以仔細看看。 – DanielB
這似乎是伎倆。但讓它看起來不錯是凌亂的。最後我只用了fancybox。它對用戶施加了幾次點擊 - 而不是懸停。但看起來不錯，運作良好。 – Mark
如果元素具有相同的z-index，則瀏覽器將按照它們在html中出現的順序顯示它們。所以你根本不需要設置z-index。你可以做這樣的事情DEMO。 （將鼠標懸停在左上角的單元格上，或者從第二列中的第三個頂部開始）。只要您要顯示的div位於要突出顯示的表格的下方。
來源
2011-05-12 08:34:35 anothershrubery
在項目中只使用html和css是否很重要？如果沒有，您可以將懸停功能處理爲Javascript。
來源
2011-05-12 08:42:22 Krimo
相關問題