如何使 :hover 高度不在其下方移动 object
how to make :hover height to not move object under it
我有这个 fiddle : jsfiddle.net/kxmzqbtL/
我怎样才能让其他元素上面的元素不移动它们下面的元素。
@fiddle ：悬停前三个 child 时，它会移动第 4 和第 5 个 child 以修复其悬停 /width/ 效果。我怎样才能让它覆盖这些元素而不是移动它们？或者其他让它看起来更好的方法，比如放大而不是缩小第一个元素。
谢谢。
添加到 .item:hover:
margin-bottom: -15%;
z-index: 1;
负边距将使放置在下方的项目上升而不是下降（因此在这种情况下它将抵消添加的高度并且项目将保持在同一位置）。
Fiddle: http://jsfiddle.net/kxmzqbtL/2/
我有这个 fiddle : jsfiddle.net/kxmzqbtL/
我怎样才能让其他元素上面的元素不移动它们下面的元素。 @fiddle ：悬停前三个 child 时，它会移动第 4 和第 5 个 child 以修复其悬停 /width/ 效果。我怎样才能让它覆盖这些元素而不是移动它们？或者其他让它看起来更好的方法，比如放大而不是缩小第一个元素。
谢谢。
添加到 .item:hover:
margin-bottom: -15%;
z-index: 1;
负边距将使放置在下方的项目上升而不是下降（因此在这种情况下它将抵消添加的高度并且项目将保持在同一位置）。
Fiddle: http://jsfiddle.net/kxmzqbtL/2/