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