如何让图像跨越tumblr主题整页？

Question

正如标题所说，我想知道如何让这个图像跨越整个浏览器窗口/页面而不是灰色边缘。

我正在使用这个主题： https://raw.githubusercontent.com/olleota/themes/master/paperweight/main.html

而且，它在这里的行动： http://fvcking5hit.tumblr.com/ 你看到灰色的边框，我只是希望它跨越整个页面保持淡入淡出效果。

Answer 1

好的，谢谢你的额外评论，这应该是你需要的所有代码。

在您的主题中找到此代码（它显示在226行左右）：

#masthead {
    margin: 0 10%;
    padding: 15% 0;
    width: 80%;
}

将其更改为：

#masthead {
    margin: 0;
    padding: 15% 0;
    width:100%;
}

您的css中有多个#masthead引用，因此您需要将最后一个引用作为目标（或通过删除旧属性来整理css）。

<强>更新

正如您所指出的那样，媒体查询会更改标头的属性。

找到这段代码：

@media (min-width: 1500px){
  .theme-name-Paperweight #masthead {
     margin: 0 20%;
     width: 60%;
     padding: 10% 0;
  }
}

改为：

@media (min-width: 1500px) {
  .theme-name-Paperweight #masthead {
     margin: 0;
     width: 100%;
     padding: 10% 0;
  }
}