我的图片没有出现，问题出在flexslider的代码上

Question

我正在使用来自 flexslider 的幻灯片，

<div id="slider">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div id="slide1">
                            <div class="cta">
                                <h2>Creative</h2>
                                <p>Maximize opportunities for creative expression</p>
                                <button>Find out how</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

并选择我使用 css 的图像，

#slide1 { 
    background-image: url("../images/slider/slider01-small.jpg") ; 
}

，但是图像没有出现，所以我去看了flexslider.css，我发现了这个：

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

，我评论了它，问题解决了，问题是我找不到该代码的原因，或者如果它很重要，有人知道吗？。

我尝试寻找其他有与我或 git 类似问题的人，但我没有找到任何东西。