如何让一个div和一个img重合,div内容要在img上方?
4个回答
推荐于2017-09-29 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:25897
获赞数:1464984
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
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询