css - 两个div重叠

Question

所以我正在尝试做类似于 ( How would you make two <div>s overlap?) 的事情，但在我的网站顶部放置了更多东西，其中包括一些 div 层。所以我想将图像移动到顶部进行修复，然后在图像上我想放置带有菜单的链接，以及一个音乐播放器 iframe，旁边有一些正在播放的文本......

它在 wordpress 中，所以我拥有所有 div 的东西，只是没有定位它们和 css 的方式。

大概的样子:

 ____________________________________________________________
|  [           -Logo fixed to top of site-                ]  |
|  [                  [Menu div]                          ]  |
|  [                                                      ]  |
|  [      [music player div]   [html/java div]            ]  |
|  [______________________________________________________]  |
|                                                            |
|                                                            |
|                       [Content]                            ]

编辑:我想要实现的目标是在 ( http://ngaradio.org )“成员(member)区”，“特色艺术家”链接位于正确的位置，就在黄色部分，但我想将它们放在前面。然后我想捕获底部的 iframe 并将其放在顶部。到目前为止还没有成功

Answer 1

你想显示重叠的元素，你需要给它更高的 z-index，反之亦然，后面的元素使用更低的 z-index。

示例- 如果我有两张图片 #Img1 和 #Img2 ，从现在开始我将把两张图片重叠在一张图片上。怎么做-

#Img1{
z-index:1;
}
 #Img2{
z-index:2;
}

重叠图像应该有更高的 z-index 率。