Question

我有这个HTML代码

<div class="gallery-item"><img src="images/thumbnails/img_(1).jpg" /></div>

这个css代码

.gallery-item
{
display: inline-block;
width: 200px;
height: 100px;
margin: 10px 12px;

overflow: hidden;

background-repeat: no-repeat;
background-size: contain;

cursor: pointer;
}

和这个Jquery代码

$(document).ready(function(e) {
  $(".gallery-item").each(function(index, element) {
     var img = $(this).children("img").attr("src");
     $(this).css("background-image", "url("+img+")");
     $(this).children("img").remove();
  });
});

但它不起作用。只需删除img标签并离开.gallery-item，不带任何背景！但是当我尝试这个代码时，它可以工作：

$(this).css("background-image", "url()");

并将我的索引页面地址设置为background-image。

我也尝试设置背景颜色并且有效！

帮帮我

Answer 1

  $(this).css("background-image", 'url("'+img+'")');

jquery无法设置背景图像

1 个答案: