如何在WordPress自定义器中正确指定background-image的URL？

正确的URL填写方式 #

你之前写的相对路径../images/spinner.gif无法生效，核心原因是WordPress后台「Customizer -> Additional CSS」中添加的样式是动态内联输出到页面头部的，没有实体CSS文件的存放路径作为相对路径的解析基准，浏览器会默认相对于当前访问的页面URL解析相对路径，自然找不到主题目录下的图片。
已知你的spinner.gif存放路径为site.com/wp-content/themes/mytheme/images/spinner.gif，直接替换为站点根目录开头的绝对路径即可，修正后的完整代码如下：

.spinner {
    display: inline-block;  
    min-width: 20px;
    min-height: 20px;
    margin: 0 auto;
    background-image: url('/wp-content/themes/mytheme/images/spinner.gif');
    background-position: center;
}

如果你的WordPress是安装在站点子目录下（比如访问地址为site.com/wordpress/），只需要在路径前补上对应的子目录前缀即可，例如/wordpress/wp-content/themes/mytheme/images/spinner.gif。

是否必须在style.css中声明样式 #

不需要，你完全可以直接在Additional CSS入口完成配置，只要把路径改成上述的绝对路径写法，保存后刷新页面就能看到spinner图标正常加载。
补充说明：如果是把这段样式写在主题目录下的style.css文件中，因为style.css和images文件夹是同级目录，这时候相对路径应该写为url('images/spinner.gif')，不需要加../前缀。

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