如何去除背景图片中的边框？答案

【问题标题】：How can I remove border in background image?如何去除背景图片中的边框？
【发布时间】：2015-09-05 15:20:52
【问题描述】：

我在div 上有一张背景图片。它周围似乎有一个灰色的小边框，我不希望这个网站。我尝试将边框和边距值设置为 0，但没有成功。如何删除此边框？

CSS：

#back{
   position: absolute;
   width: 100%;
   height: 90%;
   bottom:0;
   background: url("back_i.png")no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

HTML：

<div id="head">
       <ul>
            <li id="home">Home</li>
            <li id="about">About</li>
            <li id="audio">Audio</li>
            <li id="contact">Contact</li>
       </ul>
 </div>
 <div id="back">
       <div id="content">
                 //
       </div>
 </div>

【问题讨论】：

将您的完整代码粘贴到 jsfiddle 中，或尝试类似background-position: -1px margin-top: -1px 等或裁剪该图像。
你可以编辑/裁剪图像吗？
图像上没有出现边框。我不确定为什么会显示边框，但我已经使用以下方法解决了它：background-size: 101% 101%; 感谢@Mardzis 评论
好吧，如果没有完整的标记和 css，我们将无能为力。如果有边框，那么我们需要标记来查看它的来源。

标签： html css

【解决方案1】：

我没有足够的积分，所以无法发表评论，但即使我会建议background-position: -1pxmargin-top: -5px，我相信它会在不重新调整背景图像大小的情况下工作。然而，当我第一次遇到负边距这个概念时，我做了一些阅读。希望对您有所帮助。

屏幕和桌面图标和可见屏幕布局的规律以及我们可以执行的必要操作（如 单击拖放 等）均受菲茨定律的约束。根据菲茨定律，可见屏幕的边缘称为无限（如果您将鼠标向任何方向推动，指针将停在边缘，因此相对无限）以同样的类比屏幕的一部分不可见是称为负片，可用屏幕为正片。因此，负值或边距意味着将元素沿该方向拉到可见屏幕框架之外。

[菲茨定律] (https://www.interaction-design.org/encyclopedia/fitts_law.html)

【讨论】：