div на вершине div с API Карт Google

Question

Как поплавать в div «меню» поверх моего «Карт» div Google Maps API. И, возможно, возможно добавить прозрачность 50% в меню div. Это можно сделать?

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

Update 2

кросс- стиль прозрачности браузера:

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

Просто примените класс dropSheet к элементу, который вы хотите сделать прозрачным.

Answer 2

Ну, основная структура поплавка должен содержать упаковочный элемент, который имеет свое свойство положения установлена ​​на что-то другое, чем по умолчанию, и элемент, который очищает поплавок в конце концов.
Как это:

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

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

код при условии, конкретно не был протестирован, но поплавок и тот факт, что меню более высокого уровня, чем карта, должен сделать на верхней части карты в меню справа боковая сторона. По вопросу прозрачности см. this fantastic resource.

Надеюсь, что вам помогли.