Ролловер всплывающее в зависимости от местоположения щелчка мыши - PullRequest
1 голос
/ 19 октября 2011

Мне нужно всплывающее окно с опрокидыванием в зависимости от местоположения щелчка мыши (для этого я не могу точно использовать абсолютный позиционированный дивиденд CSS внутри относительного, поскольку такой вид обрезает мое всплывающее окно ... причина в том, что у меня переполнение: скрыто для макета)

Так что я не могу использовать это;

<div class="wrapper">
    <ul class="popup"><li> item 1</li><li> item 2</li></ul>
    <img src="someImg.gif" width="100" height="100"/>
</div>

.wrapper {
    position: relative;
}

.popup {
    display: none;
    position: absolute;
    bottom: 105px;
    left: 10px;
}

.wrapper:hover .popup {
    display: block;
}

enter image description here

Так что я могу получить что-то, основываясь на расположении курсора мыши, и оно должно быть полностью плавным (не зафиксированоЗначение «px» должно корректироваться при изменении размера браузера)

Спасибо.

1 Ответ

0 голосов
/ 25 октября 2011

ну, вы на правильном пути, чтобы предотвратить обрезку всплывающего окна, дайте классу css z-index значения 1000+, а обертке класса - z-index меньше или -1 значение

...