Css 使用Google Maps API将div置于div之上

如何在我的谷歌地图API“地图”分区上浮动一个分区“菜单”，并可能在菜单分区上增加50%的透明度。可以这样做吗

#map {width: 835px; height 540px; float: left;}
#menu {width: 145px; float: right; padding-top: 10px;}

<div id="map"></div>
<div id="menu"></div>

#映射{宽度：835px；高度540px；浮点：左；}
#菜单{width:145px；float:right；padding top:10px；}

嗯，浮点的基本结构应该包含一个包装元素，该元素的position属性设置为默认值以外的值，以及一个最终清除浮点的元素。
像这样：

#wrapper {
  position:relative;
}
#menu {
  float:right;
}

<div id="wrapper">
  <div id="map"></div>
  <div id="menu"></div>
  <br clear="both" />
</div>

#包装器{
位置：相对位置；
}
#菜单{
浮动：对；
}

提供的代码还没有经过专门测试，但是浮动和菜单比地图高的事实应该使菜单位于地图右侧的顶部。有关透明度问题，请参见

---

希望这对您有所帮助。

您不能像这样更改

分区的位置吗：

<div id="menu"></div>
<div id="map"></div>

<div id="map"></div>
<div id="menu"></div>

#menu
{
    position: absolute;
    top: 10px;  /* adjust value accordingly */
    left: 10px;  /* adjust value accordingly */
}

只需将类
dropSheet
应用于您想要透明的元素。
您有一个我们可以查看的实例吗？太好了！还有一个问题。。如何在菜单中添加跨浏览器透明背景色/图像？@Sarfraz-是跨浏览器吗？那么IE6呢？

标签真的有我不知道的属性
clear
？
.dropSheet
{
    background-color: #000000;
    background-image: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}