jquery – 如何在图像上放置图像？

2023年12月30日 130次阅读

假设我有一个div而div有img标签之类的

< div>< img src =’img1.png’/>< / div>所以当页面运行时,img1.png将在div中加载.我只需要知道如何在img1.png上的任何繁忙图像上放置另一个小图像.用
jquery或css做最好的方法是什么.给我css或jquery在中心的div上放置小图像.

我有另一个问题,如果一个div有背景图像设置与CSS然后我可以确定使用jquery下载完成或不完整的背景图像？如果可能的话请给我一个示例代码.谢谢

最佳答案 使用wrap在图像顶部添加另一个div …

$("#divID img").each(function() {
    var $overlay = $('<div></div>');
    $overlay.css({
        position: "relative",
        display: "inline-block",
        width: $(this).width(),
        height: $(this).height(),
        backgroundPosition: "center center",
        backgroundImage: "url(loading-image.gif)"
    });
    $(this).wrap($overlay);
});
点赞