CSS问题如何使一个div出现在另一个div上？

Question

我希望我的div菜单出现在div的左上方，用于我的标题图片。用于菜单块的背景是透明和半透明的，我希望通过半透明和透明背景可以看到标题的图像..我怎么能用css做到？ 菜单div的类是divmenu，标题是divmainimg

Answer 1

div.divmainimg {
    position: relative;
}

div.divmenu {
    position: absolute;
    top: 0;
    left: 0;
}

请考虑将班级名称分别更改为mainimg和menu。

Answer 2

尝试使用绝对位置，并为你想要的div设置一个高z-index ..

Answer 3

设定位置：相对;在菜单的父对象上，您希望它们相对于它们定位，并设置position：absolute;在菜单上。通常，您可以在不指定确切位置的情况下离开 - 如果div出现在DOM中您希望它们在视觉上。例如。这个可能足够了：

body { 位置：相对; }

div.menu { 位置：绝对; }

编辑：暂时忘掉z-index - 很少需要它。

HTH

Answer 4

你现在也可以简单地将你想要的div放在你想要的div中的另一个div上，例如：

假装你的div class =“a”是你想要的那个，然后div class =“b”你想要在底部。

将A置于顶部，然后将B置于其下。

Answer 5

我相信你想要的是z-index。而不是在这里解释，只需谷歌搜索它。这很容易理解。