思路
利用img的背景,且添加图片加载完成事件,当加载完后去除img背景(这样,就算图片背景透明也不会显示)
img {
background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD.......);
background-size: 100% 100%;
background-clip: content-box;
background-origin: content-box;
}
图片加载完成事件
// 给刚才添加的img添加加载完成事件,去除加载背景
for(let imgObj of $("#matchItems").find('img')) {
imgObj.onload = function(e) {
$(e.target).css({
"background": "rgba(0,0,0,0)"
})
}
}
浙公网安备 33010602011771号