Javascript style.background在IE中不起作用

Javascript style.background not working in IE

本文关键字：不起作用 IE style background Javascript      更新时间：2023-09-26

我正在用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，编写声明，然后在代码中插入钩子来引用它们。

相关文章：