2010-07-01 6 views
2

Je n'arrive pas à afficher l'image d'arrière-plan dans mes pages. J'essaye de faire ceci dans la page principale en utilisant le CSS.Comment définir une image comme arrière-plan dans ASP.NET?

J'ai un CSS qui contient les éléments suivants:

body { 
    background-image: url(../images/background.jpg) no-repeat; 
    background-attachment: fixed; 
    margin-top: 0px; 
} 

Je sais que le CSS est lu parce que tous les autres styles qui y sont définis travaillent sur les pages .aspx ... sauf bien sûr l'image d'arrière-plan , le fond reste blanc. (Cela fonctionne parfaitement bien dans les pages .php en passant.)

J'ai cherché en ligne comme un fou et toutes les réponses que je trouve, disons le code CSS ci-dessus est la réponse ... mais ça ne fonctionne pas!

J'utilise les éléments suivants:

Microsoft Visual Studio 2008 Version 9.0.30729.1 SP
Microsoft .NET Framework Version 3.5 SP 1
Version Firefox 3.6.6

Si quelqu'un sait comment faire fonctionner ça, SVP, faites le moi savoir!

Répondre

3

La technique d'image de fond CSS est correcte. Mais avez-vous regardé les choses dans un débogueur Http (comme le net monitor dans firebug ou fiddler) et compris si votre chemin relatif ne vole pas le cabot proverbial. Ou, CSS chemins et ASP.NET et MasterPages parfois ne sont pas tout à fait d'accord, vous avez probablement un problème de demander l'image de la mauvaise URL de sorte qu'il ne s'affiche pas.

+0

Donc voici ce que je ne comprends pas ... J'ai ouvert firebug et il n'y a pas d'erreur MAIS quand je regarde le CSS dans firebug il ne montre pas le [background-image: url (. ./images/background.jpg) no-repeat;] ligne. Cela montre tout le reste. C'est comme si cette ligne de code n'existait pas mais il n'y a AUCUNE indication pourquoi, pas d'erreurs, pas de messages ... Des idées? – Angie

+1

Le navigateur utilise-t-il une feuille de style mise en cache plus ancienne? Est-ce dans un lieu public où l'on peut regarder le résultat rendu? – David

+0

Grâce à Wyatt Barnett, j'ai été capable de comprendre. J'ai utilisé firebug pour éditer le fichier CSS et j'ai découvert le problème. 1. Mon chemin était erroné, je l'ai changé de ../images/background.jpg -> ./images/background.jpg 2. Le tag d'attribut était faux, je l'ai changé de background-image - > background Je ne sais pas pourquoi je n'ai pas pensé faire ça avec firebug pour commencer (c'est après tout pourquoi je l'ai) alors merci Wyatt pour la claque proverbiale à l'envers de la tête - j'en avais besoin! : o) – Angie

1

Grâce à Wyatt Barnett, j'ai été capable de comprendre. J'ai utilisé firebug pour éditer le fichier CSS et j'ai découvert le problème.

  1. Mon chemin était mal, je l'ai changé de ../images/background.jpg -> ./images/background.jpg

  2. L'étiquette d'attribut a eu tort, je l'ai changé de fond -image -> fond

Je ne sais pas pourquoi je ne pensais pas faire avec firebug pour commencer (il est après tout pourquoi je l'ai) et vous remercie Wyatt pour la tête de claque proverbiale la tête - j'en avais besoin! : o)

+0

assurez-vous de marquer la réponse de Wyatt comme acceptée. –

Questions connexes