1

我遇到了每个页面所需的不同背景图像，其 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 }

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

4

1 回答 1

0

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

body #body_1 {...}
body #body_2 {...}
body #body_3 {...}
于 2013-09-05T21:13:21.587 回答