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）“会员区”，“特色艺术家”链接在正确的位置，正好在黄色，但我想把它们提前。然后我想抓住底部的iframe并把它放在顶部。到目前为止它没有成功

Answer 1

要显示的元素重叠，您需要将z-index更高，而后面元素的副verca使用更低的z-index。

示例 - 如果我有两张图片#Img1＆amp; #Img2，从现在起，我将在图像一上重叠图像二。如何做 -

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

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

Answer 2

I've had a go at what I think you want. Excuse the terrible colours.

编辑：使用z-index

两个div重叠

2 个答案: