CSS图片弹出
我有一个 html 页面,在 div 内的表格 (Table_01) 内有 12 个缩略图(拼接的 Photoshop),当您将鼠标悬停在其中一个缩略图上时,会弹出一个新图像。
当您将鼠标悬停在“冰白色”拇指(这是我目前正在测试的拇指)上时,新图像会弹出在页面顶部。
这可不行。它需要恰好弹出到 Table_01 所在的 div 的右侧(最好是弹出图像的顶部与 div 的顶部齐平,并且弹出图像的左侧接触 div 的右侧,如果有意义的话)。 CSS 位于源代码末尾附近的头部。这不是写得最好的网页,而且编码非常混乱,但这一点应该很容易清除并有望找到解决方案。非常感谢任何帮助。
I have a html page with 12 thumbnails (spliced Photoshop) within a table (Table_01) within a div and when you hover over one of the thumbs a new image pops up.
At the moment when you hover over the "Ice white" thumb (this is the one I'm testing with at the moment) the new image pops up at the top of the page.
This is no good. It needs to pop up exactly to the right of the div which Table_01 is contained in (preferably top of pop up image flush with top of div and left side of pop up image touching right side of div if that makes sense). CSS is within head of source code near the end. It's not the best written webpage and is very messily coded but this bit should be easy to weed out and identify a solution hopefully. Any help greatly appreciated.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
显然回复晚了,但我希望它无论如何都会对您有所帮助。
就您上面的评论而言,那些弹出的新图像需要具有绝对位置,并修复一些右侧和顶部位置。例如,考虑到您连续有 3 个 div,每个 div 都有一个图像,您应该提及父 div(包含图像)以具有相对位置;在其中,图像(实际上是弹出图像或拇指)应该具有绝对位置,然后应该根据您的要求在 CSS 中进行右侧和顶部调整。
我希望它能帮助你......
Late response obviously but I hope, it will help you out anyways.
As far as your comments above, those popping out new images needs to have absolute position with some right and top positions fixes. For example, considering that you are having a 3 divs in a row, each div is having an image, you should mention the parent div (containing the image) to have relative position; inside it the image (actually the popup image or thumb) should have position absolute and then it should have right and top adjustments in CSS as per your requirement.
I hope it will help you out...