当前位置：首页 → 问答吧 → 哪个大侠帮帮我啊

哪个大侠帮帮我啊

时间：2010-05-14

来源：互联网

这个代码插入的图片的位置，不一样配置的电脑打开网页以后位置就不一样，能不能弄成相对位置啊？position:absolute; 这里改成相对也不行，不知道怎么改，哪个大侠帮帮忙呀

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript"> var tips; var theTop = 20/**/; var old = theTop; function initFloatTips() { tips = document.getElementById('floatTips'); moveTips(); }; function moveTips() { var tt=50; if (window.innerHeight) { pos = window.pageYOffset } else if (document.documentElement && document.documentElement.scrollTop) { pos = document.documentElement.scrollTop } else if (document.body) { pos = document.body.scrollTop; } pos=pos-tips.offsetTop+theTop; pos=tips.offsetTop+pos/10; if (pos < theTop) pos = theTop; if (pos != old) { tips.style.top = pos+"px"; tt=10; } old = pos; setTimeout(moveTips,tt); } </script> <style type="text/css"> div#floatTips{ position:absolute; top:10px; width:90px; height:10px; left:140px; } </style></head> <body onload="initFloatTips()"> <div id="floatTips"> 文字或者图片文字或者图片文字或者图片文字或者图片</div> </body> </body> </body> </html>
提示：您可以先修改部分代码再运行

泥老大给的链接文章都读了，可是我实在是菜，都看不懂啊，我是一菜鸟。
body:relative;是加在哪里呀？我编辑的index 现在是这样的

复制内容到剪贴板

代码:

<{require file="block/header.html"}>
<div class="content">
 <div class="banner"><{widgets id="c1"}> </div>
 <div class="index-right"><{widgets id="c2"}> </div>
</div>
<div class="content1"><{widgets id="c3"}>
 <div class="clear"></div>
</div>
<{require file="block/footer.html"}>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
var tips; var theTop = 20/**/; var old = theTop;
function initFloatTips() {
 tips = document.getElementById('floatTips');
 moveTips();
};
function moveTips() {
 var tt=50;
 if (window.innerHeight) {
pos = window.pageYOffset
 }
 else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
 }
 else if (document.body) {
pos = document.body.scrollTop;
 }
 pos=pos-tips.offsetTop+theTop;
 pos=tips.offsetTop+pos/10;
 if (pos < theTop) pos = theTop;
 if (pos != old) {
tips.style.top = pos+"px";
tt=10;
 }
 old = pos;
 setTimeout(moveTips,tt);
}
</script>
<style type="text/css">
div#floatTips{
 position:absolute;
 top:10px;
 width:90px;
 height:10px;
 left:140px;
}
</style></head>
<body onload="initFloatTips()">
<div id="floatTips">
文字或者图片文字或者图片文字或者图片文字或者图片</div>
 
 
 
</body> 
</body>
</body>
</html>

上面就多了那几行

[ 本帖最后由 yingh1982 于 2010-5-14 16:27 编辑 ]

作者: yingh1982 发布时间: 2010-05-14

这个就没有人知道么？唉

作者: yingh1982 发布时间: 2010-05-14

绝对定位的前提是要有相对定位才可以的吧？LZ试试在外面加一层相对定位的啊~

作者: fengqq 发布时间: 2010-05-14

div#floatTips 这个的上一级元素加position:relative; 就可以相对上级定位了。
如果没有，可以加body:relative;

可以参考这个
详解定位与定位应用http://andymao.com/andy/post/70.html

作者: 泥巴巴发布时间: 2010-05-14