css - 带有 div 背景图像问题的 bx slider

Question

我有一张背景图片，但由于某种原因我看不到它，因为我已将其设置为 100% 高度以使其响应。

<ul id="slider">
    <li id="first"><div style="background-image: url(http://bxslider.com/images/730_200/hill_trees.jpg); height:100%"></div></li>
    <li id="second">ddddd</li>
    <li id="third">ffff</li>
</ul>

JSfiddle:http://jsfiddle.net/squidraj/7cEqM/1/

Answer 1

您的 div 元素的高度为零，因为它是空的。因此，你看不到它。您需要以像素或其他单位(em、rem)为单位设置它的高度。