html - 从自己的域设置背景图像没有显示 - 外部域有效

标签 html css image

从我的 Angular 来看,这太棒了,太奇怪了。

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

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

我的挑战:

我的页面上有这个横幅:

enter image description here

背景设置如下:

enter image description here

现在这有点奇怪,因为图像实际上适用于此 URL 而我得到的是黑色背景(没有图像):

enter image description here

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

enter image description here

然后我在 CSS 中替换了它:

enter image description here

然后一切正常,后台正常运行!

所以我的问题是: 这到底是怎么回事?我显然认为我疯了,需要回家 sleep ,因为一定有什么非常明显的事情正在发生,但我需要你的帮助来告诉我我出了什么问题。

最佳答案

叠加效果隐藏了您的背景图像。

enter image description here

请更改CSS

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

希望对你有帮助

关于html - 从自己的域设置背景图像没有显示 - 外部域有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45635057/

相关文章:

html - 使用 Bootstrap 绝对居中图像位置

javascript - 从打印预览中删除输入框

html - nokogiri 从选定的 div 中抓取所有子 div

javascript - 如何通过 .html() jquery 方法传递标签内的变量?

css - 我的文字看在背景位置绝对后面

javascript - 使用 Javascript 或 PHP 从网页保存图像

javascript - jScrollPane 垂直滚动条不显示

html - 调整复选框以对齐中心

javascript - 2 种颜色的 HTML 输入文本

javascript - JS中的图片放大缩小动画