javascript - 使用 Javascript 函数在背景颜色之上添加背景图像

Question

我有一个 div，用于跳棋游戏中的棋子:

<div class="blackCoin" ondblclick="makeKing(this)">

例如，当双击时，我想通过添加 a crown 使该片段成为国王。在现有背景颜色之上:

function makeKing(obj){
            obj.style.backgroundImage = "url('http://images.clipartpanda.com/black-crown-clipart-crown-md.png')";
 }

这是完整的JS Fiddle

Answer 1

您的代码一切正常，您唯一需要做的就是将 background-size: contains; 添加到 .blackCoin 类中，它就会工作。