如何删除图片周围的灰色背景？

Question

如何删除照片周围的灰色背景？ 以下是该页面现在的样子：http://imgur.com/w52pfhn

.header {
  text-align: center;
  font-size: 50px;
  font-family: sans-serif;
  font-style: bold;
  color: white;
  background-color: white;
  background-image: url("https://dummyimage.com/vga");
  padding: 10%;
  margin: 0%;
  border: 0%;
}

body {
  background-color: grey;
}

<div class="header">
  <h1>Hello</h1>
</div>

Answer 1

也许会尝试删除背景颜色？

background-color: grey;

Answer 2

删除此代码段：

body { background-color: grey; }

希望它有所帮助！

Answer 3

设置父元素'height，width'与图像相同，并设置overflow：hidden;到那个将删除灰色区域的父元素。

Answer 4

您的背景图片需要完美填充标题以隐藏灰色背景。 试试：

.header {
background-size:100% auto;
}

或

.header {
background-size: cover; /* or contain */
}

希望这有帮助

Answer 5

默认情况下，正文有边距，所以：

body {
    margin: 0;
}