如何让一个div和一个img重合,div内容要在img上方?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让一个div和一个img重合,div内容要在img上方?相关的知识，希望对你有一定的参考价值。
参考代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2321" />
<title>项目研究 </title>
<META content="MSHTML 6.00.2900.3354" name=GENERATOR> </META>
<style type="text/css">
#brandDivwidth:289px;height:40px;
#brandDiv imgwidth:100%;height:100%;
</style>
</head>
<body>
<div id="brandDiv"> <img src="../webImages/used/top_logo.gif"/>
<!----如何在此处将一个img加入，使img的大小与DIV的大小一样，img的位置与DIV的位置一致？---->
</div>
</body>
</html> 参考技术A 可以使用css的z-index属性来控制。
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
所以，如果将img设置为z-index:1;那就将div设置为z-index:2;或者更高则可以在img的上方。
特别注意：
1，元素可拥有负的 z-index 属性值。
2，z-index 仅能在定位元素上奏效（例如 position:absolute;）！ 参考技术B 直接将图片设成div背景的形式
<div style="background-image:url(x.jpg); width:200px;height:300px;">
lalalala
</div>
看是不是你所需要的效果追问
这个里面url怎么写啊 没效果
追答我这样解释一下吧
lalalala
你把这段代码写进一个文本中，将.txt后缀名改.html后缀名放在一个文件夹下面，然后随便取一图片命名为x.jpg，放进与刚才那段代码html文件同一个文件夹下面，点开刚才那个html页面就可以看到效果了。
如何让span图片居中在div中
楼下的margin有问题。你要知道span是个内联元素，你可以display:block把它变成块级元素，然后设置一个宽高或者内外边距，使它有个大小，然后就可以使用margin: 0 auto实现居中，此居中不包括垂直居中。 参考技术A divtext-align: center;
最简单粗暴的解决；
或者
imgmargin:0 auto;
display: block;
参考技术B 使用用的 margin: 0 auto 解决这个问题
以上是关于如何让一个div和一个img重合,div内容要在img上方?的主要内容，如果未能解决你的问题，请参考以下文章