在线全屏背景图加载失败（CORB拦截）寻求解决方案

你的问题根源是用错了URL：当前CSS里的background-image引用的是Pexels的图片详情页链接，不是直接的图片资源地址。浏览器请求这个链接时，返回的是HTML页面而非图片文件，触发了Cross-Origin Read Blocking (CORB)安全机制，所以图片加载失败。

解决步骤：

• 复制图片的直接资源URL：打开你用的那张图片的Pexels页面，右键点击图片选择「复制图片地址」，得到的才是可以直接嵌入的图片URL（格式类似https://images.pexels.com/photos/xxx/pexels-photo-xxx.jpeg?xxx）。
• 替换CSS中的链接：把原来的网页链接换成复制到的图片资源地址，同时可以添加几个CSS属性优化背景图的全屏显示效果。

修改后的CSS代码：

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

header {
  background-image: url('https://images.pexels.com/photos/101667/pexels-photo-101667.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
  color: #fff;
  height: 100vh;
  background-size: cover;
  background-position: center;
}

CORB是浏览器的安全防护机制，专门阻止跨域读取不符合预期的资源类型（比如这里误把HTML页面当作图片加载），使用正确的图片资源URL就能彻底解决这个问题。

内容的提问来源于stack exchange，提问作者Test Mode