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

2013-01-28 06:42:34 2.5k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Unity UGUI高斯模糊背景效果简易解决方案 UnityUI背景模糊效果简易解决方案1.功能描述简易界面框架搭建合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 1.功能描述在我们玩游戏的时候，经常会看到一些游戏会对UI做这样的处理：可以看到，新开的上层UI界面会以下层UI界面的模糊阅读详情

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不支持设置背景图片，如果支持，应如何改正;如果不支持，是否有其他的解决方案？

...全文

双向全桥隔离dc-dc变换器（DAB）在全功率范围内，零电压开通优化调制方法能够实现双向全桥隔离dc-dc变换器所有开关的零电压开通，来提升变换器的效率，但其调制模式不连续。当变换器两端电压不匹配时，变换器的电流应力和回流功率将增加，软开关范围将变窄，变换器的效率显著降低。在轻载时，这两种电流优化调制方法采用相同的调制模式；在重载时，最小电流有效值调制方法具有两种调制模式，而最小电流应力调制方法只有一种。双向全桥隔离dc-dc变换器（DAB）和Buck/Boost不同，该变换器通过交流电感进行功率传输，其调制和控制不适合直接借鉴已有的研究。阅读详情

Concern

CSS 61,117 成员 60,701 内容

+ 关注 + 加入社区

切换为时间正序

kylinhj 2021-07-01

打赏
举报

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

dencey 2013-01-29

打赏
举报

引用 6 楼 concernings 的回复:

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

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

Concern 2013-01-29

打赏
举报

引用 2 楼 borishuai 的回复:

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

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

似梦飞花 2013-01-29

打赏
举报

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

KK3K2005 2013-01-28

打赏
举报

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

斯洛文尼亚旅游 2013-01-28

打赏
举报

引用 2 楼 borishuai 的回复:

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

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

kylinhj 2021-07-01

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

kylinhj 2021-07-05

@斯洛文尼亚旅游噉

kylinhj 2021-07-05

@斯洛文尼亚旅游想说

BorisHuai 2013-01-28

打赏
举报

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

xiaofan_sap 2013-01-28

打赏
举报

图片应该放在 li下面

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

相关推荐