欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

div里面插入一张图片,li里面也插入一张图片,但是li的图片却在div图片外面_html/css_WEB-ITnose

程序员文章站 2022-05-03 17:16:29
...
直接上代码吧




div里面插入一张图片,li里面也插入一张图片,但是li的图片却在div图片外面_html/css_WEB-ITnose

  • div里面插入一张图片,li里面也插入一张图片,但是li的图片却在div图片外面_html/css_WEB-ITnose










如上面的代码,用的无序列表标签,现在的想法是想吧li里面的图片放到div图片里面,但是我发现,如果把div的图片放入css,这样li的图片才能在div里面,但是如果直接在div里面插入图片,li的图片就会出现在div的下面,由于客观原因,css里面只能填充背景色,不能插入图片,所以求div里面插入图片,并且让li的图片显示在div里面,多谢了,现在的情况是这个样子的 。看截图


回复讨论(解决方案)

用绝对定位。

相对定位实现,css代码如下:

	div{width:991px;height:559px;margin:100px auto; position:relative;}    div ul{padding:0; position:absolute; left:0px; top:0px; z-index:9;}    *{list-style:none}

谢谢,已经解决,用的确实是相对定位,不过是对li进行的