从自己的域设置背景图像什么都不显示 - 外部域工作

Question

从我的角度来看，这是超级的，非常奇怪。

我正在建立一个网站，我有一个横幅。我使用background-image属性设置背景图像。

我的挑战是：当我有两个具有相同尺寸的图像时，当我使用自己的域加载时它不起作用，但在外部域上工作。

MY CHALLENGE：

我的页面上有这个横幅：

背景设置如下：

现在这有点奇怪，因为图像实际上在这个URL上工作，而是我得到一个黑色背景（没有图像）：

如果我使用来自具有完全相同尺寸的第三方网址的其他图片：

我在CSS中替换它：

然后一切都很好，背景也有效！

所以我的问题是： 到底是怎么回事？我显然认为我已经疯了，需要回家睡觉，因为必须有一些非常明显的事情，但我需要你的帮助来告诉我我的错误。

Answer 1

叠加效果会隐藏背景图像。

请改变css

.overlay::after{
   background: rgba(0,0,0,.5)
}

我希望这有助于你