Javascript style.background在IE中不工作

我正在用Javascript制作一个游戏，它要求用户翻转卡片。我对

style.background

属性有问题。它在Chrome中工作良好，但在IE中则不行

下面是一段有问题的代码：

function flipBack() { 
    var tile_1 = document.getElementById(memory_tile_ids[0]);
    var tile_2 = document.getElementById(memory_tile_ids[1]);
    tile_1.style.background = "url('Images/tile_bg.png') no-repeat";
    tile_1.innerHTML = "";
    tile_2.style.background = "url('Images/tile_bg.png') no-repeat";
    tile_2.innerHTML = "";
    memory_values = [];
    memory_tile_ids = [];
}

有人能帮我吗？

---

提前谢谢。

使用背景图像。IE支持这种语法

function flipBack() { 
    var tile_1 = document.getElementById(memory_tile_ids[0]);
    var tile_2 = document.getElementById(memory_tile_ids[1]);
    tile_1.style.backgroundImage = "url('Images/tile_bg.png') no-repeat";
    tile_1.innerHTML = "";
    tile_2.style.backgroundImage = "url('Images/tile_bg.png') no-repeat";
    tile_2.innerHTML = "";
    memory_values = [];
    memory_tile_ids = [];
}

---

最好不要在js中使用CSS道具的速记版本，因为在所有浏览器中，这种行为都不一致，因为有些浏览器（如Chrome）接受声明来设置单个属性，而有些浏览器（如FF）不接受声明

---

因此，您可以使用诸如

backgroundColor

、

backgroundRepeat

等长版本，或者最好改为使用CSS编写声明，只需在代码中插入钩子即可引用它们。

尝试添加类，[tile_1.className+=“background”；]