div背景图与img访问远程中文地址图片资源404问题

今天踩了一个大坑

同一个地址img可以访问，div背景图却不行，tomcat的server.xml文件已经配置

 <Connector URIEncoding="UTF-8" connectionTimeout="20000" port="80" protocol="HTTP/1.1" redirectPort="8443"/>

困扰了好久，最后发现 ：该图片资源的名字'烧烤 (3).jpg'的括号是中文的，导致在img里可以访问，在div背景图里竟然访问不到，原因未知

<img style="width: 100px;height: 100px" src="http://localhost/img/cate/烧烤 (3).jpg">
<div style='width:100px;height:100px;background-color:red;background-repeat:no-repeat;background-size:cover;background-image: url("http://localhost/add_ssh/img/cate/烧烤 (3).jpg")'></div>
该图片资源的名字'烧烤 (3).jpg'的括号是中文的，导致在img里可以访问，在div背景图里竟然访问不到，原因未知