Css Base64背景图像已解析为服务器中的相对路径

Css Base64背景图像已解析为服务器中的相对路径,css,base64,background-image,Css,Base64,Background Image,我有一些CSS类使用Base64背景图像,如下所示。在本地主机上运行良好 thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhC

我有一些CSS类使用Base64背景图像,如下所示。在本地主机上运行良好

thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}
但当我将project部署到服务器时,url被解析为相对路径:

thead th .both {
  background-image: url("/file/relativePath/toCssFile/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
}
您可以在JSFIDLE中看到示例:


问:有没有办法阻止浏览器将url解析为相对路径或使相对路径与Base64映像一起工作?

您知道baseUrl仅用于本地主机,因为该url存在于物理驱动器中

/file/relativePath/toCssFile/而不是提及您是带有端口和路径的主机 背景图像:
url(“QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+bmbytlk7kljywwccja9m4qdrzrd8ppjzwptoqdrqy320ysv17oatfc4euts6z39gymkkrpcky9unpq6p+gtmrfgttpnbcqhaejjmkaaaelftqmuqmcc”)

您使用哪种服务器端语言?我只在前端工作,另一个团队在后端和部署中工作,但我认为他们在服务器端使用Java。