使用Javascript函数在背景色之上添加背景图片

Question

I have a div that is used for a piece in a game of checkers:

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

When, for example double clicked, I want to make the piece a king by adding a crown on top of the existing background color:

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

Here is the full JS Fiddle

Answer 1

Everything works fine with your code, the only thing you need to do is add background-size: contain; to the .blackCoin class and it will work.