css - 如何为我的 CSS 幻灯片放映横幅添加默认值？

Question

我使用了在网上找到的免费 CSS 幻灯片并对其进行了编辑，但我不知道如何添加默认图像。我创建了一个小提琴来显示我的代码：[链接]

此外，在代码中，：

<img id="imageX" src="images/banners/X.png">

是否有图像显示。我会告诉你，但它在我的本地主机上运行。

谢谢您的帮助。

score 0 · Accepted Answer

我猜你的意思是一个问题，是当滑块加载时img元素有opacity:0; left:-400px; z-index:1;并且你只设置

  #homebanner img:first-child {
     left: 0;
  }

所以它一开始不会显示第一张图片，但你可以做这样的事情

  #homebanner img:first-child {
     left: 0;
     z-index: 9;
     opacity: 1;
  }

（主要是这里的不透明度），立即显示它。

这样，图像也可以在幻灯片切换之间保持为“默认”/背景图像。

在这里，我还更新了您的小提琴，并添加了一些随机图像以进行说明：http: //jsfiddle.net/tdU3Q/3/

1 回答 1