基于鼠标单击位置的翻转弹出窗口

Question

我需要一个基于鼠标点击位置的翻转弹出窗口（我不能在相对的位置内使用CSS绝对定位div，因为那种裁剪我的弹出窗口...原因是我有溢出：隐藏用于布局目的）

所以我不能用它;

<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;
}

所以我可以根据鼠标光标位置得到一些东西，它应该是完全流畅的（没有固定的“px”值，应该随着浏览器的大小调整而调整）

谢谢。

Answer 1

你是正确的方法，以防止弹出的裁剪给类css z-index 1000+值和d包装一个z-index少或-1值