当前位置 : 主页 > 网页制作 > JQuery >

使用jQuery将img更改为div with background

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想使用jQuery将具有特定类的所有img元素切换到具有背景的div. 这一切: img class="specific" src="/inc/img/someimage.png" / 变为: div class="specificDiv" style="background: url(/inc/img/someimage.png); width: fro
我想使用jQuery将具有特定类的所有img元素切换到具有背景的div.
这一切:

<img class="specific" src="/inc/img/someimage.png" />

变为:

<div class="specificDiv" style="background: url(/inc/img/someimage.png); width: fromImageElementPX; height: fromImageElementPX;"></div>

我想这样做,以便我可以使用css3绕角落.
CMS用户customer只能插入IMG元素.

提前致谢.

我能想到的最简单的方法:

$('.specific').replaceWith(function () {
    var me = $(this);
    return '<div class="specificDiv" style="background: url(' + me.attr('src') + '); width: ' + me.width() + 'px; height: ' + me.height() + 'px;"></div>';
});
网友评论