CSS Path Imagen de fondo Problemas

Question

En medio de mi CSS Tengo el siguiente:

#framecontentTop{ 
position: absolute; 
top: 0; 
left: 120px; 
right: 0; 
height: 100px; 
overflow: hidden; 
background-image: url(/Users/myname/Website Project/logo.jpg); 
color: white; 
}

Cuando la ruta a la imagen que desea usar como la imagen de fondo es/Users/myname/Proyecto Página web/logotipo .jpg

Sin embargo, cuando puse mi div con el ID framecontentTop, no muestra la imagen (o de hecho nada) como fondo. No hay otros divs en el CSS que entren en conflicto con él, y cuando configuro el fondo para framecontentTop en un color o lo mantengo como una imagen pero pongo el URL como una imagen aleatoria en línea, lo carga bien. Entonces, solo puedo suponer que el problema es con la forma en que he especificado la ruta a la imagen. ¿Puede alguien ver lo que he hecho mal aquí?

Muchas gracias

Answer 1

Si usted tiene ningún carácter especial, que debe ser escapado, o en el caso de los espacios en blanco, por lo menos citado, como este :

background-image: url("/Users/myname/Website Project/logo.jpg"); 

Se puede ver la W3C Spec para todos los requisitos.

Algunos caracteres que aparecen en un URI no indicada, como paréntesis, comas, caracteres de espacio en blanco, comillas simples (') y comillas dobles ("), ha de ser escaparon con una barra invertida para que el valor URI resultante es una URI token:. '(', ')', '\,'

Answer 2

Está utilizando una ruta absoluta que siempre va a resolver a la misma URL en su servidor. Si eso funciona cuando lo pones en el elemento A, pero no funciona en el elemento B, es posible que el problema no esté en la URL, sino que interfiera con otro background o background-image.

Usaría la función "Inspeccionar elemento" de Firebug para averiguar si hay otra configuración de fondo que tenga prioridad.

URL con espacios siempre deben estar entre comillas por cierto:

background-image: url("/Users/myname/Website Project/logo.jpg");