在不影响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都不会移动。