在不影響DOM的情況下更改div大小

Question

我正在使用此類網格用戶列表，並且無法實現我的目標。 我的目標是當您將鼠標懸停在用戶的div上時，會顯示關於他的信息。我希望div增加它的大小，並且重疊其他div而不破壞DOM樹。

我希望你知道我的意思.. :)

Answer 1

你可以使用jQuery的.css()功能：

$(document).ready(function() 
{ 
    $(".user").hover(function() 
    { 
     $(this).css({ "z-index": "9999" }); 
    } 
}); 

Answer 2

只是用z-index也無濟於事。但它的佈局看起來像這樣的組合：

<div class="box"> 
    <div class="content"> 
     <!-- Your box content --> 
    </div> 
</div> 

風格：

.box的{ 浮動：左; 位置：相對; 溢出：可見; }

.content { position：absolute; }

重疊重要的是，一排有一個比以前更高的z-index。

Answer 3

這裏有一個想法：

你可以讓每個項目坐在position: relative格，然後在項目懸停或任何事件增長的項目，給予項目position: relative; left: 0; top: 0;和改變高度。

絕對位置會將其排除在外，並使其看起來仍然存在，因此其他所有div都不會移動。