CSS设置background-image背景图不显示仅出现空白区域问题求助

数据老陈

2026-10-14

背景图无法显示问题解决方法

你的HTML结构没有问题，无需调整。
核心故障原因：CSS中使用的Dropbox图片链接是文件预览网页地址，不是可直接加载的图片资源直链，因此浏览器识别为非图片资源，无法正常渲染为背景图。
修复方式：将background-image属性url后的?dl=0参数修改为?dl=1即可，Dropbox的dl=1参数会直接返回原始图片文件，而非预览网页。

修改后的正确CSS代码：

header .logo a {
  background-image: url("https://www.dropbox.com/s/ie6qd07mbmonjs1/sea10%20copia.jpeg?dl=1") ;
  background-size: 300px;
  display: inline-block;
  height: 80px;
  width: 300px;
  text-indent: -999999999px;
}