主页：幻灯片显示，子页面：background-image

Question

如何仅将幻灯片（背景滑块）添加到主页面（第一个li）？我想要子页面的静态背景图像。

body {
  background-image: url(https://previews.123rf.com/images/tigatelu/tigatelu1310/tigatelu131000075/22731618-Nettes-Schwein-Cartoon-Lizenzfreie-Bilder.jpg);
  background-origin: content-box;
}

li {
  display: inline;
  font-size: 22px;
  padding: 0 30px;
}

<ul>
  <li class="active"><a href="#">Main Page</a></li>
  <li><a href="#">Sub Page 1</a></li>
  <li><a href="#">Sub Page 2</a></li>
</ul>

Answer 1

为什么你没有尝试carousel？只需将滑块按钮设置为display:none;

即可