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

我在背景图像周围获得了一条细线或边框。我通过javascript动态地改变父div的高度，以便内部div（它具有背景图像集）将“粘”到窗口的底部。围绕背景图像div的不需要的边框

号线出现在桌面浏览器，但对脚本运行后，手机浏览器，通常有它周围的细边框：

enter image description here

边框是在左边，它的方式应该是在右边。有什么建议么？

这是脚本：

<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的宽度内重复出现，并且带走了这个问题。任何想法为什么会发生这种事？

来源

2013-04-25 daveMac

你有没有试过在CSS中明确设置'border：0;'？ – 2013-04-25 15:18:54

是的，它没有效果。 – daveMac 2013-04-25 15:24:41

是grad.png图片150px？也许比它需要高一点的要高一些。 – markle976 2013-04-25 15:36:21

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

来源

2013-08-10 14:35:55

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

回答

相关问题