背景图像div周围不需要的边框

Question

我的背景图片周围出现细线或边框。 我正在通过javascript动态更改父div的高度，以便内部div（已设置背景图像）将“粘贴”到窗口底部。

脚本运行后，台式机浏览器上没有任何行，但是在移动浏览器上，通常在其周围有一个细边框：

边框在左边，应该走的路在右边。 有什么建议么？

这是脚本：

<script type="text/javascript">
function layoutHandler(){
    if(window.innerHeight > 1061){
    var newsize = 150 + (window.innerHeight - 1061);

        document.getElementById("footerwrapper").style.height = newsize+'px';
    }
    else {
        document.getElementById("footerwrapper").style.height = '150px';
    }
}
window.onload = layoutHandler;

window.onresize = layoutHandler;
layoutHandler();
</script>

然后内部div设置如下：

#inner {
    background-color: #FFF;
    padding: 0px;
    height: 150px;
    bottom: 0px;
    width: 100%;
    position: absolute;
    background-image: url(Images/grad.png);
    background-repeat: repeat-x;
}

编辑：好的，经过更多测试之后，我缩小了范围。 （这可能令人沮丧地具体化）在iPad的纵向模式下最明显。 我关闭了“ repeat-x”，它完全消失了。 那使我尝试了更宽的背景图像，该图像在iPad的宽度内不会重复出现，从而消除了这个问题。 任何想法为什么会发生这种情况？

Answer 1

我有同样的问题，删除repeat-x解决。 我认为这是手机浏览器的错误。