HTML中怎样把一个LOGO图固定在背景图中?
3个回答
2013-08-21
展开全部
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>
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
2013-08-21
展开全部
<body style="position:relative;width:100%;height:100%"><img src="logo图片的资源位置" style="position:fixed;top:200px;left:200px"/>.....
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-08-21
展开全部
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询