jquery - 如何放置浮动图像？

Question

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

我当前的代码：

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

Answer 1

您需要绝对定位图标（位置：绝对），然后使用顶部、左侧和/或右侧属性将它们定位在图像上的正确位置。在 wrapping (image) 元素中使用 position:relatvie 以防止图标定位到图像范围之外。