Css 防止在页面加载时看到滑块中的图像？

以下是网站：

我认为这是我对CSS的一个调整，因为主题的演示没有遇到这个问题：

---

这是因为图像在滑块组件（在这种情况下是easySlider）设置

滑块

元素的

高度和
溢出
属性之前开始加载。因此，当图像开始加载时，
#滑块
足够高，可以看到比第一个图像更多的图像

要防止出现这种情况，可以在
slider.css中添加以下规则：

#slider {
    height: 100%; /* parent element with class .slider has his height already set */
    overflow: hidden;
}

这是因为图像在滑块组件（在这种情况下是easySlider）设置
滑块
元素的
高度
和
溢出
属性之前开始加载。因此，当图像开始加载时，
#滑块
足够高，可以看到比第一个图像更多的图像

要防止出现这种情况，可以在
slider.css中添加以下规则：

#slider {
    height: 100%; /* parent element with class .slider has his height already set */
    overflow: hidden;
}

最好的方法是：

CSS

 .slider ul li img {
    display: none;
 }

 .slider ul li:first-child img{
     display: block;
 }

通过这样做，您将隐藏所有幻灯片图像，然后仅显示加载时的第一个子项。稍后，js将执行它的技巧并覆盖它。
最好的方法是：

CSS

 .slider ul li img {
    display: none;
 }

 .slider ul li:first-child img{
     display: block;
 }

通过这样做，您将隐藏所有幻灯片图像，然后仅显示加载时的第一个子项。稍后，js将执行此操作并覆盖它。
请发布您认为导致问题的代码！恐怕我真的不知道。请发布您认为是导致问题的代码！恐怕我真的不知道。我已经照你的建议做了。它似乎没有效果。在您的情况下，它必须是
.slider ul li img
。检查更新的答案…我现在尝试了.slider.image img{，仍然没有。我缺少什么？仍然没有。：/这里发生了一些奇怪的事情。我按照你的建议做了。它似乎没有效果。在你的情况下，它必须是
。slider ul li img
。检查更新的答案…我现在尝试了。slider.image img{，仍然没有。我错过了什么？仍然没有。：/这里发生了一些奇怪的事情。我知道它是这样的！它起作用了！谢谢。我知道它是这样的！它起作用了！谢谢。