estoy tratando de encontrar una solucion para la siguiente cuestion, tengo un sitio que llama a un css que se encuentra en otro dominio, al llamarlo todos los valores de url para imagenes como ser background y otros se asocian a la url del host del estilo y no al host del sitio que solicita el css
como ejemplo pongo
http://myserver.com/css/estilo.css
en el sitio test1.myserver.com que tengo llamo a ese estilo con
<link rel="stylesheet" type="text/css" href="https://myserver/css/estilo.css">
dentro de estilo.css tengo
.main{
background-image: 'img/image.png';
}
esto hace que en lugar de traer la imagen desde test1.myserver.com/img/image.png lo trae desde myserver.com/img/image.png
rompiendome la cabeza tratando de encontrar una solucion parecida a la siguiente, pero no encontre la forma de hacerlo, el siguiente codigo estaria alojado en server.com/css/estilo.css.
:root {
--direc: url('https://test1.myserver.com/img/');
}
.main {
background-image: var( --direc ) + 'image.png';
}
pero creo que en css no se puede concatenar de esta manera.
espero puedan ayudarme!
Gracias!
myserver.com/img
. 2. puedes sobreescribir solo las reglas donde aparecen imágenes