javascript - 想要使用 jQuery 调整单个 div 内的图像大小，图像被 chop

Question

我正在开发一个井字游戏，其中代表 X 和 O 的图像必须是可见的。我能够显示图像，但它们太大并且被网格线 chop 了。

这是 .js 代码:

          $('#box' + index).css(
            'background-image', "url('images/compass.png')");
      } else {
        choicesO.push(Number(index)) // pushing index into O
          checkForWins(choicesO);
          $('#box' + index).css('background-image', "url('images/dubloon.png')");
        }

我认为它与高度和宽度有关，但我这样做了 'background-image', "url('images/compass.png')", 'height', '50'); 但它没有用。再一次，我对 jQuery 很陌生，我不确定它的语法是否正确。或者我是否正朝着正确的方向前进。

Answer 1

只需使用图像大小设置 css background-size 属性。更多信息 here.