如何将<div>放在浮动图像上？</div>

Question

我需要在网站图片上放置缩放图标。一些图像具有float = left或float = right样式。我可以使用jQuery，这是我的问题的一个例子：http://jsfiddle.net/4Nvbe/1/

我目前的代码：

$("a[rel^='lightbox']").each(function () { $(this).prepend('<div class="zoom"></div>'); });

Answer 1

您需要绝对定位图标（位置：绝对），然后使用顶部，左侧和/或右侧属性将它们放置在图像上的正确位置。在包装（图像）元素中使用position：relatvie来防止图标位于图像范围之外。