Question

我遇到了每个页面需要的不同背景图像，其ID由以下for循环语句生成：

`$`function nextButton() {
    if(curNum<numScreens) {
      curNum = parseInt(curNum)+1;
      document.location.href = '#'+curNum;
      $( init );
   }
}

所以我得到/＃1，/＃2和/＃3页。

我试图为html文档中的每个页面分配独立的id / class，如下所示：

<body id="1">
<body id="2">
<body id="3">

然后在css中：

body.1 { background-image: url("bg.gif"); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 53% 10%;
z-index: 1;
}
body.2 { background-image: url("bg1.gif"); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 53% 10%;
z-index: 1;}

body.3 { background-image: url("bg2.gif"); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 53% 10%;
z-index:1 }

但它不起作用。你能帮我吗？

Answer 1

只需将body.1，body.2和body.3中的每一个更改为：

body #body_1 {...}
body #body_2 {...}
body #body_3 {...}

从一个css中循环生成的页面的不同背景

1 个答案: