求助，请教代码高手

显示全部楼层 · 发表于 2014-10-9 07:56:26

本帖最后由 andyandyw 于 2014-10-9 17:03 编辑

刚才发错区了，这里再发一个，版主大大谅解一下。
在网上找这下面这段代码用Dreamweaver 8测试时，在IE9和遨游浏览器上都正常，可是正式加入到自己的网页中后，遨游浏览器是正常的，IE9中图片却不能跟随窗口移动，位置是固定的，请高手帮帮我，详细些，我是小白，谢谢！
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>浮动广告图片</title>
      <script language="javascript">
         var advInitTop=200;          //使层总至于顶端的初始值
         function move(){
               document.getElementById("advLayer").style.pixelTop=advInitTop+document.body.scrollTop;
         }
         window.onscroll=move;       //窗口滚动事件，当页面滚动是调用move()函数
      </script>
   </head>
   <body>
      <div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:250px;z-index:1;">
   <img src="image/gg.gif" width="204" height="278">
   </div>
   <p> </p>
   <p>
      <img src="image/gg.gif" width="850" height="2780"
   </p>
   </body>
</html>

显示全部楼层 · 发表于 2014-10-9 11:13:59

可能和兼容性有关，quirk模式不知道是啥，可能是开头那个<!DOCTYPE ……>标准声明？
浏览器窗口 scrollTop 的兼容性问题_田云_新浪博客
http://blog.sina.com.cn/s/blog_6d3183b5010140nr.html

CSS也可以做到啊，还不跳。第二个img少>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>浮动广告图片</title>
</head>
<body>
<div id="advLayer" style="position:fixed;left:16px;top:200px;width:180px;height:250px;z-index:1;">
<img src="image/gg.gif" width="204" height="278">
</div>
<p> </p>
<p>
<img src="image/gg.gif" width="850" height="2780">
</p>
</body>
</html>

复制代码

显示全部楼层 · 发表于 2014-10-9 13:26:39

随便注册发表于 2014-10-9 11:13
可能和兼容性有关，quirk模式不知道是啥，可能是开头那个标准声明？
浏览器窗口 scrollTop 的兼容性问题_ ...

用你的代码在测试的时候，IE9中就不行

显示全部楼层 · 发表于 2014-10-9 14:12:44

本帖最后由随便注册于 2014-10-9 14:16 编辑

还是兼容问题
[转]display:none; 在IE9下无效果的问题 - freeliver54 - 博客园
http://www.cnblogs.com/freeliver54/p/3664643.html
打开本页源文件，用卡饭头里那个就好

显示全部楼层 · 发表于 2014-10-9 15:44:08

随便注册发表于 2014-10-9 14:12
还是兼容问题
[转]display:none; 在IE9下无效果的问题 - freeliver54 - 博客园
http://www.cnblogs.com/f ...

不懂？我是小白，请说详细些啊

显示全部楼层 · 发表于 2014-10-9 15:51:21

andyandyw 发表于 2014-10-9 15:44
不懂？我是小白，请说详细些啊

[mw_shl_code=html,true]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>浮动广告图片</title>
   </head>
   <body>
      <div id="advLayer" style="position:fixed;left:16px;top:200px;width:180px;height:250px;">
   <img src="image/gg.gif" width="204" height="278">
   </div>
      <img src="image/gg.gif" width="850" height="2780">
   </body>
</html>[/mw_shl_code]

显示全部楼层 · 发表于 2014-10-9 17:02:49

随便注册发表于 2014-10-9 15:51
[mw_shl_code=html,true]

谢谢！！成功了，十分感谢！

[已解决] 求助，请教代码高手

评分

浏览过的版块