div trên đầu trang của div bằng API Google Maps

Question

Làm cách nào để thả nổi "menu" div lên trên div "bản đồ" API Google Maps của tôi. Và có thể có thể thêm độ trong suốt 50% trên div menu. Điều này có thể được thực hiện?

#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

bạn không thể thay đổi vị trí của các DIVs như thế này:

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

Nếu không bạn có thể đi một cái gì đó như thế này:

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

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

Cập nhật 2

chéo phong cách trong suốt của trình duyệt:

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

Chỉ cần áp dụng lớp dropSheet vào phần tử bạn muốn làm trong suốt.

Answer 2

Vâng, cấu trúc cơ bản của phao chứa phần tử bao bì có thuộc tính vị trí được đặt thành thứ khác không phải mặc định và phần tử xóa dấu phẩy ở cuối.
Như thế này:

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

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

Các mã được cung cấp đã không cụ thể được thử nghiệm, nhưng phao và thực tế là trình đơn là lớp cao hơn so với bản đồ, nên làm menu trên bản đồ ở bên phải bên. Để biết vấn đề về độ trong suốt, hãy xem this fantastic resource.

Hy vọng đã giúp bạn.