我使用了在线找到的免费 CSS 幻灯片并对其进行了编辑,但我不知道如何添加默认图像。我创建了一个 fiddle 来显示我的代码:[link]
另外,在代码中,:
<img id="imageX" src="images/banners/X.png">
是否显示图像。我会向您展示,但它是在我的本地主机上运行的。
感谢您的帮助。
最佳答案
我猜你的意思是一个问题,当加载 slider 时 img
元素有 opacity:0;左:-400px; z-index:1;
而你只设置
#homebanner img:first-child {
left: 0;
}
所以它一开始不会显示第一张图片,但你可以这样做
#homebanner img:first-child {
left: 0;
z-index: 9;
opacity: 1;
}
(这里主要是不透明度),立即显示它。
这样,图像在幻灯片切换之间也保持为“默认”/背景图像。
在这里我还更新了你的 fiddle ,并添加了一些随机图像用于说明:http://jsfiddle.net/tdU3Q/3/
关于css - 如何为我的 CSS 幻灯片放映横幅添加默认值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15993755/