最近我注意到一个图片是通过script动态添加到站点的,这在页脚下面创建了一个空白。
动态添加的代码是:

<script type="text/javascript" async="">
    var xl8image = document.createElement("img");
    xl8image.src = "http://load77.exelator.com/pixel.gif";
    xl8image.width="0";
    xl8image.height="0";
    document.body.appendChild(xl8image);
</script>

我最初怀疑的是我使用的chrome扩展。当我测试删除扩展时,我发现它仍然存在!同时也要确保它是否在其他浏览器如IE、Firefox中发生。
有谁能帮我找一下去掉空白的地方吗?我的解决方案没有这个文件,也没有它的引用。

最佳答案

使用position: absolute将元素绝对定位以将其从正常文档流中移除。这将阻止它在您的页面上造成空白。
新代码:

<script type="text/javascript" async="">
  var xl8image = document.createElement("img");
  xl8image.src = "http://load77.exelator.com/pixel.gif";
  xl8image.width = "0";
  xl8image.height = "0";
  xl8image.style.position = "absolute"; //add this
  document.body.appendChild(xl8image);
</script>

10-02 13:02