在jQuery中轻松地将元素放在另一个元素上?

前端之家收集整理的这篇文章主要介绍了在jQuery中轻松地将元素放在另一个元素上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要使用jQuery在图像上定位div.我可以使用position创建它:fixed并使用top和left来使用offset偏移来定位它,但是它很糟糕,因为如果用户滚动,元素将不会位于元素的顶部.

还有其他想法吗?

解决方法

如果您正在执行此多个位置,则可以执行以下操作:
<div style="position: relative;">
  <div style="position:absolute; width: 276px; height: 110px; z-index: 2;">
    Content here will be on top the image
  </div>
  <img style="width: 276px; height: 110px;" src='http://www.google.com/intl/en_ALL/images/logo.gif' alt="Test Img" />
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

如果匹配内部/ ouer div上的高度/宽度样式属性,则内部< div>来自< img />之前你给内部< div>比图像更高的z指数,它将与图像完美重叠.

您可以在此处查看此示例:http://jsfiddle.net/ZcBus/

猜你在找的jQuery相关文章