【问题标题】:CSS object re-positioned with top blocking image map使用顶部阻挡图像映射重新定位的 CSS 对象
【发布时间】:2015-02-18 21:41:36
【问题描述】:

我已经创建了一张图片地图,然后放了一个带有

的 youtube 视频
<div style="position:relative;top:-400;">  

因为我希望它显示在图像上。然后我有另一个我想在下面显示的图像,但它显示在视频的下方,如果我使用 top:-400 将图像向上移动,它可以工作,但是一些不可见的字段阻止我点击部分的图像映射。

【问题讨论】:

  • 请显示您的标记。
  • position:relative 保留元素在正常流中的空间 - 如果您不希望这样,请使用另一种向上移动元素的方法,例如负的 margin-top。而且您无法单击的问题可能是 Z 轴上的位置之一,因此设置 z-index 可能会有所帮助 - 但更具体地说,您的问题描述太模糊了。请阅读How to Ask
  • 感谢“如何提问”链接,更改为 margin-top 方法确实解决了问题,非常感谢。

标签: html css imagemap


【解决方案1】:

解决方案是使用 'margin-top' 而不是 'position:relative;top:-400px;'

这确实保留了原始位置的空间。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-14
    • 1970-01-01
    • 2020-10-01
    • 2018-05-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多