CSS image d'arrière-plan chemin d'accès d'URL

Bonjour Im essayant d'utiliser le fond de ma page à l'aide de CSS.
L'image est d'un autre dossier, et j'essaie de faire référence à son fichier CSS.

Le fichier CSS URL est: /var/www/soFit/BO

L'URL de fichier image est: /var/www/soFit/BO/images/login

Mon fichier CSS:

#login-bg   
{

    background-image:url('/images/login/login_background.jpg');
    font-size: 20px;
}

Mon code HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body id="login-bg"> 

<form action="" method="POST">

Username:  <input type="text" name="username" > 
<br>
Password:  <input type="text" name="password" > 
<br>
<input type="submit" value="enter"> 

</form>

</body>
</html>

Pourquoi je ne peux pas voir mon image de fond?

leader de la barre oblique est la question.
Avez-vous essayé sans le slash? background-image:url('images/login/login_background.jpg');
Pour référence future, si vous regardez dans le réseau de l'inspecteur dans les navigateurs les outils de développement, vous serez en mesure de voir le chemin d'accès complet du navigateur est d'essayer de lire.

OriginalL'auteur dasdasd | 2014-02-27

  1. 17

    Supprimer le leader de la barre oblique à partir de l'URL de l'image, comme suit:

    #login-bg {
    background-image:url('images/login/login_background.jpg');
    font-size: 20px;
}

    À l'aide de la pointe de l'avant-slash, le navigateur tente de charger l'image à partir du répertoire racine du site web du domaine de l'e.g /var/www/) au lieu de (CSS) de l'emplacement du fichier.

    Vous devriez sans doute expliquer pourquoi c'est le problème. La barre oblique indique le navigateur pour rechercher un répertoire au même niveau que le répertoire courant. Suppression de la barre oblique indique le navigateur pour rechercher un répertoire dans le répertoire courant pour le fichier.
    Absolument, j'ai été l'édition du post 🙂 Merci à vous de toute façon.
    Ne mentionnez pas 🙂

    OriginalL'auteur Mimi

  2. 6

    Essayez ceci:

    #login-bg   
{

    background-image:url('images/login/login_background.jpg');
    font-size: 20px;
}

    À l'aide de la barre oblique " /" au début de la route en fait un absolu route, pas un parent de l'itinéraire, qui est ce que vous voulez.

    Techniquement, la syntaxe correcte serait un point slash ` './images/login/login_background.jpg"
    le point pour représenter le répertoire courant est un Unix chose. Je ne suis même pas sûr que la partie de l'URI spec.
    Je corrige la position des mains, il est en effet partie de l'URI spec. Cependant, il est techniquement équivalente à ne pas avoir de slash, il n'est donc pas techniquement plus "correct", et en fait c'est tellement obscur sur le web, je recommande de les éviter.
    Je ne me souviens pas faire cette observation, ni pourquoi. Probablement parce que j'ai couru dans l'hypothèse où à l'aide de la ./ n'a pas de travail. Si vous passez par ce qui est "sur le web" qui serait une mauvaise idée. C'est l'aveugle guidant l'aveugle. Techniquement, je crois que c'est "plus correct". Mais les choses changent, j'ai fait ce genre de choses, depuis les années 70. Par exemple, j'ai conçu la première IBM carte Ethernet pour leur PC. J'ai toujours utiliser la pleine url http://www.example.com/images/example.jpg. Les Navigateurs besoin d'utiliser la totalité de l'url et par abréviation de vous donner le Navigateur un peu de travail supplémentaire.

    OriginalL'auteur Hoijof

  3. 1

    il suffit d'écrire 

    background-image:url('images/login/login_background.jpg');

    lorsque vous écrivez /images: des images, un dossier est à venir à partir du répertoire racine du site web. qui dans ce cas n'est pas correct.

    OriginalL'auteur Alex