html的ul标签如何设置背景图片！！

[Concern]

1.问题背景：在一个html中，显示6行空白的li(当然显示多少行是自已定义的)，如何设置其背景图片，背景图片的内容大概为：“暂无您需要的数据”云云，

html:

<ul>
<li class="even"></li><li class="odd"></li><li class="even"></li><li class="odd"></li><li class="even"></li><li class="odd"></li></ul>

css:

ul{background: url("../img/not_result.png") no-repeat scroll left center transparent;}

2.疑问
以上设置的图片路径正确，但是没有显示出背景出来，请问如何解决，是否是由于ul不支持设置背景图片，如果支持，应如何改正;如果不支持，是否有其他的解决方案？

[xiaofan_sap]

图片应该放在 li下面

[BorisHuai]

因为所有的li的内容为空，导致ul的高度为0，你可以给ul设置个高度，更好的方式是给ul设置个最小高度，即min-height，这样既不影响内容的实际高度，又能保证图片能够显示。

[kylinhj]

@斯洛文尼亚旅游 想说

[kylinhj]

@斯洛文尼亚旅游 噉

[kylinhj]

@斯洛文尼亚旅游 是这样子啊

[斯洛文尼亚旅游]

引用 2 楼 borishuai 的回复:

因为所有的li的内容为空，导致ul的高度为0，你可以给ul设置个高度，更好的方式是给ul设置个最小高度，即min-height，这样既不影响内容的实际高度，又能保证图片能够显示。

应该和2#说的一样，子元素li浮动了或者没有内容，导致ul没有高度，ul是支持背景的

[KK3K2005]

border:solid 1px red 经常使用下 这个 样式 你就会发现很多问题

[似梦飞花]

几乎所有元素都支持背景的 你看下li的高和宽试试

[Concern]

引用 2 楼 borishuai 的回复:

因为所有的li的内容为空，导致ul的高度为0，你可以给ul设置个高度，更好的方式是给ul设置个最小高度，即min-height，这样既不影响内容的实际高度，又能保证图片能够显示。

可以显示出来，因为我li的.even,.odd设置的背景颜色把图片盖住了，所以显示不出来。但是能不是将背景图片置顶呢？

[dencey]

引用 6 楼 concernings 的回复:

引用 2 楼 borishuai 的回复:因为所有的li的内容为空，导致ul的高度为0，你可以给ul设置个高度，更好的方式是给ul设置个最小高度，即min-height，这样既不影响内容的实际高度，又能保证图片能够显示。 可以显示出来，因为我li的.even,.odd设置的背景颜色把图片盖住了，所以显示不出来。但是能不是将背景图片置顶呢？

不行，子元素的背景肯定会覆盖父元素的背景的，除非你子元素不设背景

[kylinhj]

引用 2 楼 borishuai 的回复:因为所有的li的内容为空，导致ul的高度为0，你可以给ul设置个高度，更好的方式是给ul设置个最小高度，即min-height，这样既不影响内容的实际高度，又能保证图片能够显示。 可以显示出来，因为我li的.even,.odd设置的背景颜色把图片盖住了，所以显示不出来。但是能不是将背景图片置顶呢？