如何在jQuery中选择背景图片“仅”？

Question

我在jQuery中设置了“仅”给背景图像提供scale属性，但div本身却不断变大。像这样：

这就是我在jQuery和HTML中进行设置的方式。

var bg = $('.news_box_long').css('background-image', 'img/img_09.jpg')
  $('.news_box_long').mouseenter(function(){
    if(!$(bg).is(':animated')) {
      $(this).css({'transform': 'scale('+ 1.1 +')'})
    }
})

<div class="news_box_long background" style="background-image: url(img/img_09.jpg)">
</div>

Answer 1

您不需要jQuery。 CSS就足够了

.news_box_long {
  height: 200px;
}

.background {
  background: 50% 50%/100% none no-repeat;
  transition: background 0.5s;
}

.background:hover {
  background-size: 150%;
}

<div class="news_box_long background" style="background-image:url(https://i.pinimg.com/originals/9f/1f/f5/9f1ff5f730db75ce458ee2890b8e6197.jpg)">
</div>