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）设置其高度。

Answer 2

如果您没有特殊要求在后台设置图像，那么在img标签中使用它，那么您不需要做任何其他事情。

make structure like this

<ul>
    <li><img src="path"/></li>
    <li><img src="path"/></li>
    <li><img src="path"/></li>
    <li><img src="path"/></li>
</u>

带有div背景图像问题的bx滑块

2 个答案: