使用 z-index 属性显示和隐藏 div 的 javascript 代码

Question

我编写这段代码是为了在鼠标悬停事件时显示和隐藏一个 div。它工作正常。但唯一的问题是当 div 在鼠标悬停事件上打开时，所有其他 div 和其他内容根据打开 div 的高度上下移动，我想要的是，我需要显示和隐藏的主 div 应该使用 Z-index 属性打开，这样其他内容不应受到其位置的影响。我尝试了很多，但找不到任何解决方案。请帮帮我! 这是java脚本代码:

var $j = jQuery.noConflict();
$j( document ).ready(function( $ ) {
$j ("#citydrop").hide();
$j ("#cityclick").mouseover(function () {
$j ("#citydrop").slideDown('slow');
});
$j ("#wrapper").mouseleave(function () {
$j ("#citydrop").slideUp('slow');
});

Answer 1

将 position:absolute 添加到 #citydrop 然后更高的 z-index 说 z-index:2 . absolutely 定位的元素从文档的正常流中移除，因此不会影响其他元素的定位