在查看端口中显示div

Question

我有一个图片库，以5X5矩阵显示图像。每个图像都有一个onmouseover函数，其中隐藏的div显示一些关于图像的细节，并使用onmouseout隐藏详细信息。包含图像细节的div可能包含可点击的链接，因此我只在光标位置下方显示div。

我面临的问题是与第5列中的图像。如果包含细节的div具有更多内容，它会创建一个水平滚动条，并且细节被截断。 如何总是在光标下方的视口中显示细节div？

没有太多吧，但这里的代码

function eventRollOver(id) { 

    var did = 'img_'+id; 
    document.getElementById(did).style.display=''; 
} 
function eventRollOut(id) { 
    var did = 'img_'+id; 
    document.getElementById(did).style.display='none'; 
} 

非常感谢

Answer 1

尝试overflow:hidden

Answer 2

，你将需要使用CSS绝对定位的细节div的position:absolute，并提取鼠标位置从事件对象（how-to），以便将鼠标的x和y值应用于div的左侧和顶部CSS属性。