使用Javascript函數在背景色之上添加背景圖片

Question

我有一個div ，用於跳棋游戲：

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

例如，當雙擊時，我想通過在現有背景色的頂部添加一個表冠使該作品成為國王：

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

這是完整的JS小提琴

Answer 1

一切都可以在您的代碼上正常工作，您唯一需要做的就是添加background-size: contain; 到.blackCoin類，它將起作用。