Cloudfront分发图片：img标签正常显示，背景图无法显示求助排查

• CSS语法错误：你写的background-image=url('xxx')不符合CSS语法规范，属性和值之间必须用冒号: 分隔，正确写法应该是：

  background-image: url('https://d1z230vfguramf.cloudfront.net/Image_Assets/test-image.png')
  

  这个语法错误会直接导致浏览器无法解析背景图设置，自然显示不出来。

• Div元素无显示尺寸：空的div元素默认宽高都是0，就算背景图加载成功，也没有可显示的空间。必须给div设置具体的宽高属性，比如：

  width: 400px; height: 300px;
  

  数值可以根据你的需求调整。

• 补充排查点：如果上面两点都修正后还是不行，可以检查URL里是否有特殊字符（比如空格）需要转义，但你img标签用的是同一个URL，这个概率很低；另外可以刷新Cloudfront的缓存，不过同样，img能正常显示的话，这个也不是主要问题。

内容的提问来源于stack exchange，提问作者Jesse McMullen-Crummey