【问题标题】:CSS image pop upCSS图像弹出
【发布时间】:2011-11-22 02:51:55
【问题描述】:

我有一个 html 页面,其中包含 12 个缩略图(拼接 Photoshop),位于 div 中的一个表 (Table_01) 中,当您将鼠标悬停在其中一个缩略图上时,会弹出一个新图像。

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

这不好。它需要恰好弹出到包含 Table_01 的 div 的右侧(如果有意义的话,最好弹出图像的顶部与 div 的顶部齐平,并且弹出图像的左侧接触 div 的右侧)。 CSS 在接近尾声的源代码头部。这不是最好的书面网页,并且编码非常混乱,但这一位应该很容易清除并希望找到解决方案。非常感谢任何帮助。

【问题讨论】:

    标签: html image popup hover


    【解决方案1】:

    显然迟到的回应,但我希望,无论如何它会帮助你。 就您上面的 cmets 而言,那些弹出新图像的图像需要具有绝对位置以及一些正确和顶部位置修复。例如,考虑到您连续有 3 个 div,每个 div 都有一个图像,您应该提到父 div(包含图像)具有相对位置;在其中的图像(实际上是弹出图像或拇指)应该具有绝对位置,然后它应该根据您的要求在 CSS 中进行正确和顶部调整。 希望对你有所帮助...

    【讨论】:

      猜你喜欢
      • 2011-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-10
      • 1970-01-01
      • 1970-01-01
      • 2017-02-02
      相关资源
      最近更新 更多