专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

div里头插入一张图片,li里面也插入一张图片,但是li的图片却在div图片外面

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
div里面插入一张图片,li里面也插入一张图片,但是li的图片却在div图片外面
本帖最后由 kanyun123 于 2015-10-16 22:11:04 编辑 直接上代码吧
<style>
div{width:991px;height:559px;margin:100pxauto}
divul{padding:0}
*{list-style:none}
</style>
</head>

<body>
<div><imgsrc="images/bj.jpg">
<ul>
<liclass="sx"><imgsrc="images/sx.jpg"alt="每周上新""></li>
<liclass="tm"></li>
<liclass="rx"></li>
<liclass="lyq"></li>
<liclass="mx"></li>
<liclass="bd"></li>
</ul>
</div>

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

------解决思路----------------------
用绝对定位。
------解决思路----------------------
相对定位实现,css代码如下:

div{width:991px;height:559px;margin:100pxauto;position:relative;}
divul{padding:0;position:absolute;left:0px;top:0px;z-index:9;}
*{list-style:none}
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: