如何在tumblr主题中使图像跨越整个页面?

如何在tumblr主题中使图像跨越整个页面?,tumblr,Tumblr,正如标题所说,我想知道如何让这张图片覆盖整个浏览器窗口/页面,而不是灰色的边距 我正在使用这个主题: 而且,它在这里起作用: 你看到灰色边框的地方,我只想让它覆盖整个页面,保持淡入淡出的效果 好的,谢谢你的补充意见,这应该是你需要的全部代码了 在主题中找到此代码(显示在第226行附近): 将其更改为: #masthead { margin: 0; padding: 15% 0; width:100%; } css中有多个对#maisthead的引用,因此您需要将最后一

正如标题所说,我想知道如何让这张图片覆盖整个浏览器窗口/页面,而不是灰色的边距

我正在使用这个主题:

而且,它在这里起作用:
你看到灰色边框的地方,我只想让它覆盖整个页面,保持淡入淡出的效果

好的,谢谢你的补充意见,这应该是你需要的全部代码了

在主题中找到此代码(显示在第226行附近):

将其更改为:

#masthead {
    margin: 0;
    padding: 15% 0;
    width:100%;
}
css中有多个对
#maisthead
的引用,因此您需要将最后一个引用作为目标以使其生效(或者通过删除旧属性来整理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;
  }
}

你的意思是你不希望整个主题有任何边框/边距,还是希望页眉图像填充整个页面作为背景(文章内容在顶部)。我希望保留页边空白,围绕文章,并保持灰色,我只希望页眉照片贯穿整个页面这在大多数情况下都有效,但是当我把它放在全屏上时,边距又回来了。。。任何修复?好的,这是在css媒体查询。让我更新我的答案。
@media (min-width: 1500px) {
  .theme-name-Paperweight #masthead {
     margin: 0;
     width: 100%;
     padding: 10% 0;
  }
}