如何在 tumblr 主题中让图像跨越整个页面？

Question

正如标题所说，我想知道如何让这张图片跨越整个浏览器 window/page 而不是灰色边距。

我正在使用这个主题： 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;
  }
}