У меня такой код, как этот
<div style="position: absolute; margin-left: -22px; margin-top: -22px; left: 502px; top: 379px; z-index: 380; display: block;" class="maptimize_marker_0 f st">1<span class="pinlabel">1B 100E</span></div>
У меня также есть CSS для pinlabel
.pinlabel{
display: none;
position: absolute;
background-color: #3774d5;
height: 16px;
width: 200px;
color: white;
top: 0px;
left: 1px;
font-size: 10px !important;
border-radius: 10px;
border: white 2px solid;}
.maptimize_marker_0:hover span.pinlabel {display:block;}
Но я не могу получить работу на Hover. Если для принудительного зависания в инструменте разработчика в хроме все работает отлично, но не работает, когда мышь закончилась... Что я делаю неправильно? Также я хочу поставить пролет под div, но диапазон всегда на вершине и покрывает фоновое изображение div... Пожалуйста, помогите!
Я не уверен, в чем ваша проблема, на http://jsfiddle.net/abrunet/Bb9T3/, я скопирую ваш код, и hover
работает.
Наконец, ваш диапазон не имеет указанного z-index
. Вы могли бы выбрать один, ниже, чем divs one и другой выше для случая hover
.
Вы также должны попытаться отделить свой стиль на другом листе, чтобы ваш код был чистым.
Дайте мне знать, если я неправильно понял ваш вопрос.