arrière-plan: url ('example.jpg'); Ne marche pas!

Bon voici ma structure de fichier:arrière-plan: url ('example.jpg'); Ne marche pas!

+ WWW

index.html
style.css
map.jpg

CSS:

body { 
    background: #000 url('map.jpg') repeat/repeat-x/repeat-y/no-repeat scroll/fixed top/center/bottom/x-%/x-pos left/center/right/y-%/y-pos; 
}

HTML:

<html> 
<head> 
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
</head> 
<body> 
</body> 
</html>

PROBLÈME: map.jpg n'apparaît pas dans un navigateur (Firefox, Safari) ou TextMate Aperçu!

Source

2010-11-17 Caius Eugene

'map.jpg' n'est pas affiché, mais le fond est-il noir? – Kobi

Oui c'est vrai, j'essaie la suggestion de Nick Craver en ce moment –

Vous avez deux questions, la première est votre CSS étant éteint, il ne devrait pas avoir cette liste de blanchisserie d'options pour chaque argument laissé là-bas:

body { 
    background: #000 url('map.jpg'); 
}

Alors votre <body> n » t avoir un contenu, donc il n'a pas de dimensions, vous aurez besoin de mettre quelque chose là-bas pour voir beaucoup de l'image, sinon la taille de l'élément <body> va être très petit sinon 0, selon le navigateur .

Source

2010-11-17 10:48:40

Merci, vous étiez sur! Cela me dérange depuis des lustres! –

Essayez de se débarrasser de tous les pourriels supplémentaire dans votre css:

body { 
    background: #000 url('map.jpg'); 
}

Source

2010-11-17 10:43:37 Greg

body { 
    background: #000 url('map.jpg') no-repeat top left; 
}

L'exemple que vous avez utilisé a montré toutes les valeurs d'options possibles.

Source

2010-11-17 10:44:42 sunn0

Cela ne ressemble pas à du CSS valide, avez-vous oublié de supprimer les sections dont vous n'avez pas besoin?

Essayez quelque chose comme ceci:.

body { 
    background:#000 url('map.jpg'); 
}

Source

2010-11-17 10:44:49 Filipe

Assurez-vous que l'image est dans le même dossier que votre fichier CSS est dans

Source

2010-11-17 10:45:16 Lance

Essayez d'ajouter overflow:hidden;. Cela a fonctionné pour moi.

Source

2011-07-19 10:05:12 steph

Je travaillais sur wamp ... et cela fonctionne bien avec l'URL relative.

body{ 
    background:url(../image/circle.png) no-repeat; 
}

Cela devrait certainement fonctionner.

Source

2015-02-21 03:28:59 user1771337

arrière-plan: url ('example.jpg'); Ne marche pas!

Répondre

Questions connexes