Saltar al contenido

¿Cómo usar rutas relativas/absolutas en las URL css?

Este grupo de especialistas pasados varios días de trabajo y de recopilar de información, encontramos la respuesta, queremos que te sea útil para tu plan.

Solución:

La URL es relativa a la ubicación del archivo CSS, por lo que esto debería funcionar para usted:

url('../../images/image.jpg')

La URL relativa retrocede dos carpetas y luego a la images carpeta: debería funcionar para ambos casos, siempre que la estructura sea la misma.

De https://www.w3.org/TR/CSS1/#url:

Las URL parciales se interpretan en relación con la fuente de la hoja de estilo, no en relación con el documento

Personalmente, arreglaría esto en el archivo .htaccess. Deberías tener acceso a eso.

Defina su URL CSS como tal:

url(/image_dir/image.png);

En su archivo .htacess, ponga:

Options +FollowSymLinks
RewriteEngine On
RewriteRule ^image_dir/(.*) subdir/images/$1

o

RewriteRule ^image_dir/(.*) images/$1

dependiendo del sitio.

tuve el mismo problema… cada vez que quería publicar mi css… tenía que hacer una búsqueda/reemplazo… y la ruta relativa tampoco funcionaba para mí porque las rutas relativas eran diferentes de desarrollo a producción.

Finalmente estaba cansado de buscar/reemplazar y creé un css dinámico (por ejemplo, www.mysite.com/css.php) es lo mismo, pero ahora podría usar mis constantes php en el css. algo como

.icon
  background-image:url('icon.png');

y no es una mala idea hacerlo dinámico porque ahora podría comprimirlo usando el compresor YUI sin perder el formato original en mi servidor de desarrollo.

¡Buena suerte!

Aquí puedes ver las comentarios y valoraciones de los lectores

Si guardas alguna incertidumbre y capacidad de aumentar nuestro división puedes escribir una crítica y con gusto lo analizaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *