如何让一个div和一个img重合,div内容要在img上方?
4个回答
推荐于2017-09-29 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464977
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
参考代码如下：
<!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">
#brandDiv{width:289px;height:40px;}
#brandDiv img{width:100%;height:100%;}
</style>
</head>
<body>
<div id="brandDiv"> <img src="../webImages/used/top_logo.gif"/>
<!----如何在此处将一个img加入，使img的大小与DIV的大小一样，img的位置与DIV的位置一致？---->
</div>
</body>
</html>
<!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">
#brandDiv{width:289px;height:40px;}
#brandDiv img{width:100%;height:100%;}
</style>
</head>
<body>
<div id="brandDiv"> <img src="../webImages/used/top_logo.gif"/>
<!----如何在此处将一个img加入，使img的大小与DIV的大小一样，img的位置与DIV的位置一致？---->
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用css的z-index属性来控制。
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
所以，如果将img设置为z-index:1;那就将div设置为z-index:2;或者更高则可以在img的上方。
特别注意：
1，元素可拥有负的 z-index 属性值。
2，z-index 仅能在定位元素上奏效（例如 position:absolute;）！
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
所以，如果将img设置为z-index:1;那就将div设置为z-index:2;或者更高则可以在img的上方。
特别注意：
1，元素可拥有负的 z-index 属性值。
2，z-index 仅能在定位元素上奏效（例如 position:absolute;）！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接将图片设成div背景的形式
<div style="background-image:url(x.jpg); width:200px;height:300px;">
lalalala
</div>
看是不是你所需要的效果
<div style="background-image:url(x.jpg); width:200px;height:300px;">
lalalala
</div>
看是不是你所需要的效果
追问
这个里面url怎么写啊 没效果
追答
我这样解释一下吧
lalalala
你把这段代码写进一个文本中，将.txt后缀名改.html后缀名放在一个文件夹下面，然后随便取一图片命名为x.jpg，放进与刚才那段代码html文件同一个文件夹下面，点开刚才那个html页面就可以看到效果了。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div绝对定位~ 设left,top
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
