使用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: contain;添加到.blackCoin类，它会起作用。