身體背景圖像更改不適用於Firefox

Question

我試圖通過單擊鏈接的圖像來使用javascript更改背景圖像，該圖像在IE中正常運行，而在IE中沒有任何問題，但在Firefox中不起作用...您能幫助我並糾正我什么地方嗎？ 代碼如下：

Javascript：

<script language="JavaScript">

var w=screen.width
var h=screen.height

if(w==1152) {
var backImage = new Array(); // don't change this

var i = 0;
backImage[0] = "images/patterns/background-1152x-bellow.png";
backImage[1] = "images/patterns/background-1152x-mellow.png";
backImage[2] = "images/patterns/background-1152x-mix-1.png";
backImage[3] = "images/patterns/background-1152x-mix-2.png";
backImage[4] = "images/patterns/background-1152x-sellow.png";
backImage[5] = "images/patterns/background-1152x-yellow.png";

function changeBGImage(whichImage){
if (document.body){
document.body.style.backgroundImage = "url("+backImage[whichImage]+")";
    cookie.set('bgImage', whichImage, 365);
}}
} else if(w==1280) {
var backImage = new Array(); // don't change this

var i = 0;
backImage[0] = "images/patterns/background-1280x-bellow.png";
backImage[1] = "images/patterns/background-1280x-mellow.png";
backImage[2] = "images/patterns/background-1280x-mix-1.png";
backImage[3] = "images/patterns/background-1280x-mix-2.png";
backImage[4] = "images/patterns/background-1280x-sellow.png";
backImage[5] = "images/patterns/background-1280x-yellow.png";

function changeBGImage(whichImage){
if (document.body){
document.body.style.backgroundImage = "url("+backImage[whichImage]+")";
    cookie.set('bgImage', whichImage, 365);
}}
}
</script>

<a href='javascript:changeBGImage(0)' ><img src='images/patterns/yellow.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(1)' ><img src='images/patterns/blue.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(2)' ><img src='images/patterns/green.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(3)' ><img src='images/patterns/red.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(4)' ><img src='images/patterns/brown.png' style='width:26;height:26;'></a>
<a href='javascript:changeBGImage(5)' ><img src='images/patterns/grey.png' style='width:26;height:26;'></a>

Answer 1

采用

document.body.style.background = "url("+backImage[whichImage]+")";

不是backgroundImage

Answer 2

圖片網址必須在CSS中作為字符串使用，因此您需要其他引號（在這種情況下為單引號）：

document.body.style.backgroundImage = "url('"+backImage[whichImage]+"')";

這些雙引號僅使其成為javascript的字符串，而不是CSS。