如何删除身份不明的奇怪边框

Question

在以下链接中，页面顶部只有奇怪的黑色图案出现在移动设备上，我检查了两个具有相同外壳的不同Android设备，但在我的台式电脑上它甚至没有出现使用不同的视口时。

链接：http://dshift.totalh.net/blog/solving-the-mossad-challenge/

奇怪现象的照片：

如您所见，顶部有奇怪的黑色图案。我该如何去除它们？我还没有确定问题的原因。

编辑：我用更高版本的版本更改了图片，虽然边框已经退去了一点，但遗憾的是它仍然存在，并且使图像更大会开始影响加载性能。如果我找到另一种解决方案，我会更新。

Answer 1

我认为，就像我在评论中所说的那样，它与图像的分辨率有关。您可以通过将background-image更改为例如background来检查是否是导致问题的body { background-color: white; } 。以下内容：

  Webpush.payload_send({
      message: notification.message,
      url: notification.url,  # I can't figure out how to access this key
      id: notification.id,    # or this key from the service worker
      endpoint: endpoint,
      p256dh: p256dh_key,
      vapid: vapid_keys,
      ttl: 24 * 60 * 60,
      auth: auth_key,
    })