problème de définition de l'image de fond en utilisant css

-1

(J'utilise Visual Studio 2013) Je veux définir un arrière-plan pour ma page Web. si je mets leproblème de définition de l'image de fond en utilisant css

CSS

body { 
    background-image: url("Content/Images/back.png"); 
}

dans mon fichier ASPX il fonctionnera et définira mes arrière-plan souhaité. mais quand je mets dans le fichier css il ne fonctionnera pas

c'est comment css ressemble

body { 
    background-image: url("Content/Images/back.png"); 
}

Je veux dire que j'ai attribut dans le ASPX et lorsque je change la couleur de fond en css Testez-le ça fonctionne. mais pour le fond ça ne marchera pas !!

voici mon fichier .aspx;

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EmptyWebForm.Default" %> 
<link href="Content/Styles/styles.css" rel="stylesheet" type="text/css" /> 
<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 

      <style type="text/css"> 
       /*body { 
        background-image: url("Content/Images/back.png"); 
       }*/ 
      </style> 

     </div> 
    </form> 
</body> 
</html>

Source

2014-05-08 Usties

Où est la '. fichier css' dans votre projet? Et Content est-il dans le même répertoire que le fichier? Les chemins 'url()' sont relatifs au chemin de la feuille de style. –

.css se trouve dans Content \ Styles \ styles.css! s'il vous plaît noter que quand il est dans le corps du fichier .aspx il fonctionne parfaitement bien donc je ne pense pas que le problème est avec le chemin! – Usties

Lorsqu'il se trouve dans le corps d'une page, le chemin est relatif à la page. Depuis que vous l'avez déplacé dans le fichier '.css', vous devez ajuster le chemin en conséquence. Essayez 'url (" ../ Images/back.png ")'. –

Votre fichier CSS est probablement dans un répertoire différent. Url de l'image est par rapport au fichier css de sorte que vous devriez changer à par exemple:

body { 
    background-image: url("../Content/Images/back.png"); 
}

Vous avez ajouté plus de code si la réponse dans ce cas sera:

body { 
    background-image: url("../Images/back.png"); 
}

Source

2014-05-08 22:33:44

Oui, c'est probablement votre chemin de fichier. Aussi, faites attention à 'background' vs.' background-image 'etc, parce que dans certains cas vous pourriez vous faire trébucher car 'background' suppose image et couleur - – sheriffderek

merci, j'ai essayé background-image: url (" ../ Content/Images/back.png "); mais ça n'a pas marché! s'il vous plaît noter que quand il est dans le corps du fichier .aspx il fonctionne parfaitement bien donc je ne pense pas que le problème est avec le chemin! – Usties

J'ai mis à jour la réponse parce que vous avez ajouté plus de code –

problème de définition de l'image de fond en utilisant css

Répondre

Questions connexes