css - 使用 Google Maps API 在 div 之上放置 div

Question

如何在我的 Google Maps API“ map ”div 之上 float 一个 div“菜单”。也许可以在菜单 div 上添加 50% 的透明度。这能做到吗？

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

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

Answer 1

你不能像这样改变 DIVs 的位置吗:

<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 */
}

更新 2

跨浏览器透明样式:

.dropSheet
{
    background-color: #000000;
    background-image: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

只需将 dropSheet 类应用到您要使其透明的元素即可。