Html CSS图像弹出窗口

Html CSS图像弹出窗口,html,image,popup,hover,Html,Image,Popup,Hover,我有一个html页面,有12个缩略图(拼接的Photoshop),在一个div中的一个表(table_01)中,当你将鼠标悬停在其中一个拇指上时,会弹出一个新图像 当你将鼠标悬停在“冰白色”拇指上(这是我目前正在测试的拇指)时,新图像会在页面顶部弹出 这不好。它需要准确地弹出到包含表_01的div的右侧(最好是弹出图像的顶部与div的顶部齐平,如果有意义,则弹出图像的左侧与div的右侧接触)。CSS位于源代码的末尾。这不是一个写得最好的网页,代码也非常混乱,但这一点应该很容易删除,并找到一个解决

我有一个html页面,有12个缩略图(拼接的Photoshop),在一个div中的一个表(table_01)中,当你将鼠标悬停在其中一个拇指上时,会弹出一个新图像

当你将鼠标悬停在“冰白色”拇指上(这是我目前正在测试的拇指)时,新图像会在页面顶部弹出


这不好。它需要准确地弹出到包含表_01的div的右侧(最好是弹出图像的顶部与div的顶部齐平,如果有意义,则弹出图像的左侧与div的右侧接触)。CSS位于源代码的末尾。这不是一个写得最好的网页,代码也非常混乱,但这一点应该很容易删除,并找到一个解决方案。非常感谢您的帮助。

显然反应迟钝,但我希望,无论怎样,这都会对您有所帮助。 就你上面的评论而言,那些弹出新图片的人需要有绝对位置,并有一些右位置和顶部位置的修正。例如,考虑到您在一行中有3个div,每个div都有一个图像,您应该提到父div(包含图像)具有相对位置;在它里面的图像(实际上是弹出图像或拇指)应该有绝对的位置,然后它应该有权利和顶部调整CSS根据您的要求。
我希望它能帮助你解决问题…

显然反应迟钝,但我希望它能帮助你解决问题。 就你上面的评论而言,那些弹出新图片的人需要有绝对位置,并有一些右位置和顶部位置的修正。例如,考虑到您在一行中有3个div,每个div都有一个图像,您应该提到父div(包含图像)具有相对位置;在它里面的图像(实际上是弹出图像或拇指)应该有绝对的位置,然后它应该有权利和顶部调整CSS根据您的要求。 我希望它能帮助你