HTML中怎样把一个LOGO图固定在背景图中？
3个回答
展开全部
1.在背景图所在的div中加入属性position:relative;(相对定位)
2.logo所在div的style中加入属性position:absolute;(绝对定位) 就可以实现logo相对于背景绝对定位，然后设置left 和 top 属性就可以控制相对于背景的位置。
例：下面两个div实现了 logo白色div永远在背景黑色div的left:20px;top:20px; 位置。
<div style="position:relative; background-color:#000000; width:500px; height:500px;">
<div id="logo" style="position:absolute; left:20px; top:20px; background-color:#FFFFFF; width:120px; height:120px;">
</div>
</div>
2.logo所在div的style中加入属性position:absolute;(绝对定位) 就可以实现logo相对于背景绝对定位，然后设置left 和 top 属性就可以控制相对于背景的位置。
例：下面两个div实现了 logo白色div永远在背景黑色div的left:20px;top:20px; 位置。
<div style="position:relative; background-color:#000000; width:500px; height:500px;">
<div id="logo" style="position:absolute; left:20px; top:20px; background-color:#FFFFFF; width:120px; height:120px;">
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body style="position:relative;width:100%;height:100%"><img src="logo图片的资源位置" style="position:fixed;top:200px;left:200px"/>.....
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="background:#000" width:100%;height:500px>
<img src="图片路径" style="margin:200px 0 0 200px" />
</div>
<img src="图片路径" style="margin:200px 0 0 200px" />
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
