需要背景图像幻灯片只显示在一个视差页面

Need the background image slideshow to show only on One Parallax page

本文关键字：一个 视差 背景 图像 幻灯片 显示      更新时间：2023-09-26

我有一个视差网站，其中有一个完整的index.html页面。例如，首页是1个div, about页面是1个div, products页面是1个div等等。

当我运行网站时，它在所有div中显示背景img幻灯片。我希望背景幻灯片只出现在主页div中。

我该怎么做呢?

我已经把一个图片放到一个div叫做home，但是当我运行这个页面的时候，整个网站都有那个背景幻灯片。

我的代码是: 
<div id="headerwrap" name="home">
    <ul class="cb-slideshow">
         <li><span>Image 01</span>
            <div><h3></h3></div></li>
         <li><span>Image 02</span>
            <div><h3></h3></div></li>
         <li><span>Image 03</span>
           <div><h3></h3></div></li>
         <li><span>Image 04</span>
           <div><h3></h3></div></li>
         <li><span>Image 05</span>
           <div><h3></h3></div></li>
         <li><span>Image 06</span>
           <div><h3></h3></div></li>
     </ul>
 <header class="clearfix"> 
<div id="homepagelogo"> </div>

幻灯片显示在所有页面可能是因为它有一个固定的位置

我猜你在某个地方丢失了关闭标签</div>。这会导致homediv之后的所有内容都属于那个div因此所有内容都有它的背景。检查。

注意:为了防止这些错误，你应该遵循代码格式化并使用验证工具，如w3 validator:https://validator.w3.org/

相关文章：