基於鼠標點擊位置的翻轉彈出框

我需要一個基於鼠標點擊位置的翻轉彈出框（我不能完全使用一個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; 
}

enter image description here

所以我可以根據鼠標的光標位置的東西，它應該是完全流體（沒有固定的「PX」值，應該調整爲瀏覽器大小）

謝謝。

來源

2011-10-19 testndtv

好吧，你是在正確的方式來防止裁剪彈出給予類css z-索引的1000 +值n d類包裝Z值索引的較小值或-1值

來源

2011-10-25 09:31:56

基於鼠標點擊位置的翻轉彈出框

回答

相關問題