Вопросы Теги

отделение сверху отделения с Google Maps API

Как я пускаю в ход отделение "меню" сверху моей Google Maps отделение "карты" 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>
11
задан JHM_67 7 May 2010 в 07:39
поделиться

2 ответа

Разве вы не можете изменить положение 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 */
}

Обновление 2

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

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

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

19
ответ дан 3 December 2019 в 05:33
поделиться

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

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

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

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

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

2
ответ дан 3 December 2019 в 05:33
поделиться