小编Ant*_*tny的帖子

我正在尝试使用jQuery制作幻灯片,但是一旦隐藏它就无法显示一个元素.这是我的代码:

<section id="content">
    <div id="jumbotron">
        <div class="slide" class="first-slide">
            <img src="IMG/Jellyfish.jpg" class="large">
        </div>
        <div class="slide">
            <img src="IMG/Koala.jpg" class="large">
        </div>
        <div class="slide">
            <img src="IMG/Penguins.jpg" class="large">
        </div>
    </div>
</section>

CSS:

.slide{
    display:none; 
}
div.first-slide{
    display:block;
} 

为什么第一张图片没有出现？我认为display:block会覆盖dispay:hidden.

有人可以回答这个问题吗？谢谢!