¿Cómo se especifican las rutas de las imágenes en los archivos CSS?

Question

Estoy usando el framework Yii y tengo un archivo CSS que usa algunas imágenes para fondo y similares.

Otro código PHP puede usar Yii :: app() -> request-> baseUrl para prefijar los recursos con la ruta correcta. Sin embargo, el archivo css no es PHP, por lo que no puedo usar el código.

he intentado con rutas relativas, pero el mismo archivo CSS se accede por las páginas HTML de diferente profundidad, por ejemplo:

http://mysite/controller/action1/10 
http://mysite/controller 

caminos tan relativos no funcionan (al menos, no en todos los navegadores) .

¿Hay algún modo Yii de hacerlo, o debería simplemente utilizar rutas absolutas y terminar con eso?

Answer 1

las rutas a las imágenes en archivos CSS son siempre en relación con el archivo CSS, no a la página de referencia al archivo CSS.

Así que no debería importar que esté utilizando el archivo CSS en páginas HTML a diferentes profundidades de ruta, ya que siempre se ve desde la ubicación de la CSS.

Por ejemplo, si el archivo CSS está en /Content/Css y sus imágenes están en /Content/Images entonces usted debe hacer referencia siempre sus imágenes como url(../Images/something.png).

Answer 2

Puede probar el uso de rutas semi-relativas que comienzan con "/". Me gusta "/images/image1.jpg".

Esto siempre está relacionado con la raíz del sitio web.

Saludos