div+css布局时对一张背景图片上多个小图片定位实现的方法
4个回答
展开全部
图片单独定位：如下
<body style="background:url(../images/bg.png) 0 0 no-repeat; width:1000px; height:500px;">
<div style="background:url(../images/pic.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; top:200px; left:500px;"></div>
</body>
背景图片bg.png宽度为1000px;高度为500px,上面浮动一个小图片pic.png，位置是距上200px，距左500px;
你可以用table布局的方式定位图片
<body style="background:url(../images/bg.png) 0 0 no-repeat; width:1000px; height:500px;">
<div style="background:url(../images/pic.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; top:200px; left:500px;"></div>
</body>
背景图片bg.png宽度为1000px;高度为500px,上面浮动一个小图片pic.png，位置是距上200px，距左500px;
你可以用table布局的方式定位图片
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上一级用：position:relative;
小图片用:position:absolute;
这个是定位的代码哦
小图片用:position:absolute;
这个是定位的代码哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定位图片跟背景没关系。
图片分别给位置就好了。
图片分别给位置就好了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
