CSS定位图片位置问题？？ 图片到底如何定位，我的图片位置随着网页窗口的大小改变位置 5
看见上面三个图片了吧，随着网页窗口的变化，那个绿色的小人位置也在变化，我就是想能固定住这个小人的位置，不随窗口的变化而变化。我自己网上找的简单代码，我对代码是外行，请求指...
看见上面三个图片了吧，随着网页窗口的变化，那个绿色的小人位置也在变化，我就是想能固定住这个小人的位置，不随窗口的变化而变化。
我自己网上找的简单代码，我对代码是外行，请求指点：
html里面的代码是： <div id="div1">
CSS里面的代码是：#div1 {position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);}
实在不知道怎么修改，求指点，最好能给我完整的代码，别给我大概思路，我不内行，谢谢了！ 展开
我自己网上找的简单代码，我对代码是外行，请求指点：
html里面的代码是： <div id="div1">
CSS里面的代码是：#div1 {position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);}
实在不知道怎么修改，求指点，最好能给我完整的代码，别给我大概思路，我不内行，谢谢了！ 展开
4个回答
展开全部
<style type="text/css">
#div {position:relative;}
#div1 {position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);}
</style>
<html>
<body>
<div id=“content">
<div id="div1">
这里是div1的内容
</div>
</div>
</body>
</html>
注：将父窗口div的position属性设置为相对定位，div1的position设置为absolute，则div1会相对于父窗口进行定位。
#div {position:relative;}
#div1 {position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);}
</style>
<html>
<body>
<div id=“content">
<div id="div1">
这里是div1的内容
</div>
</div>
</body>
</html>
注：将父窗口div的position属性设置为相对定位，div1的position设置为absolute，则div1会相对于父窗口进行定位。
追问
这个代码是直接加入就行吗？？
#div {position:relative;}
#div1 {position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);}
这部分加入到CSS文件里吗
这里是div1的内容（这里是要添加什么吗？？）
这部分加入到HTML文件里吗
追答
嗯嗯，没错，就是你说的那样，加进去就行。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果这样的话不需定位…直接改成页头背景，和你那个背景图融为一体，这样做的话你就需要重新布局下页面了，但如果你缩小浏览器窗口的时候会看不到…
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果这个小人要跟大图片固定位置，那这个小人你可以根据那个大图来定位。
给这个大图片一个相对定位
<style>
.bigImg{position:relative;}
.smallImg{position:absolute;top:-20px;right:20px}
</style>
<div class="bigImg">
<img src="大图"/>
<div class="smallImg"><img src="小图"/></div>
</div>
类似这样的格式。 具体位置你在换数字就行了
给这个大图片一个相对定位
<style>
.bigImg{position:relative;}
.smallImg{position:absolute;top:-20px;right:20px}
</style>
<div class="bigImg">
<img src="大图"/>
<div class="smallImg"><img src="小图"/></div>
</div>
类似这样的格式。 具体位置你在换数字就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
请贴完整代码上来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
