Corps de l'image de fond ne s'affiche pas dans les navigateurs web

Donc, j'ai vu ces questions beaucoup, mais j'ai essayé toutes les solutions et n'en ai trouvé aucun d'eux de travailler. C'est de me donner un mal de tête et je ne peux pas le prendre plus. Si mon image de fond est placé comme suit:

<body background="images/farmancover.jpg"/>

C'est assez simple, en fait le vérifier sur mon site:
http://farmanp-ux.com

Maintenant, mon problème est que l'image de fond ne s'affiche pas dans aucun de mes navigateurs web et c'est une douleur pour le comprendre. Si vous les gars pourrait un plaisir de vous aider, il serait bien apprécié! Je suis un newbie sur ce donc, s'il vous plaît être doux.

Vous devez faire l'effort de poster votre (pertinent) le code ici! Juste référencement de liens obtiendrez normalement vos questions fermées!
Bonjour user1954122, pour avoir votre code de montrer correctement, sélectionnez-le, puis utilisez la { } bouton dans la barre d'outils. Cheers!
Je n'ai j'ai juste ajouté ça, c'était mon erreur.
merci pour m'avoir aidé arttronics
Il a en effet ajouté, mais il ne s'est pas présenté, car il est devenu muet. Vous devez la sélectionner et appliquer code format, comme expliqué ci-dessus.
Aussi farmanp-ux.com/images/farmancover.jpg donne une erreur 404 actuellement
Agush - c'est un autre problème que j'ai de comprendre comment le corriger, quand vous allez dans les autres parties du site (dessins, de contact, d'autres onglets), il devrait avoir l'image sur le navigateur Safari.
Bien que @arttonics a avoir résolu votre problème d'origine de votre balisage est toujours plein d'erreurs et devraient être fixés pour éviter les problèmes dans les autres navigateurs. Comme c'est la solution de violon

InformationsquelleAutor farmanp | 2013-01-07

2

À fait utiliser le fichier d'origine de farmancover.jpg qui est 6.7MB de la taille, vous devez le convertir en un véritable .jpg fichier! Même si ce nom de fichier a l'extension .jpg, c'est un Adobe PSD fichier de projet avec des mauvais poste.

Cela dit, c'est très bizarre d'avoir un .jpg avec cette taille, qui est un cadeau que quelque chose est la question.

Première, assurez-vous d'avoir un valide .jpg fichier image.

Le bon nom de fichier est farmancover.jpg.

C'est à cet emplacement: http://farmanp-ux.com/images/farmancover.jpg

Vos noms de fichiers sont sensibles à la casse aussi.

Le bon chemin de l'image est alors:
```
'images/farmancover.jpg'
```
Pour accéder au contenu du dossier de toutes vos images, utilisez cette URL: http://farmanp-ux.com/images/

Puis dans votre feuille de Style CSS trouve ici: http://www.farmanp-ux.com/css/style.css

Changer cela:
```
body
{background-repeat:none}
```
À ceci:
```
body {
  background:url(http://www.farmanp-ux.com/images/farmancover.jpg) no-repeat center center;
  background-repeat:none
}
```
Également vu dans votre feuille de style CSS, c'est que le dernier attribut par Sélecteur CSS n'est pas point-virgule. Veuillez vous assurer chaque attribut se termine avec un.

Deuxième, dans votre page HTML, retirez le SUPPLÉMENTAIRE body de la marque que vous avez pour l'image de fond.

Résultat Final:

jsFiddle DÉMONSTRATION par l'Image d'arrière-plan

SUPPLÉMENTAIRE: à l'Aide d'un Tutoriel pour afficher l'image d'arrière-plan plein écran, même pour les anciens non CSS3 navigateurs comme IE8, cette méthode a été utilisée dans le violon, ci-dessous.

jsFiddle DÉMO avec Évolutive de l'Image d'arrière-plan

(Supprimer /show/ de jsFiddle pour accéder à modifier la page)
- permettez-moi de voir ce qui se passe quand j'ai changer le nom du fichier. Je pense que c'est exact, et c'est probablement ce qu'il se passe.
- Juste correction de l'URL, l'original non '1' nom de fichier est corrompu.
- l'image fonctionne bien sur Safari mais pas encore sur Google Chrome, Firefox et IE
- Veuillez utiliser le fichier image FarmanCover1.jpg depuis l'autre image ne s'affiche pas dans les autres navigateurs. Merci.
- le problème sur cette image c'est que c'est une image différente de ce que je veux que l'arrière-plan, de sorte qu'il ne sera pas adapté pour le site web
- J'ai découvert le soulignement question. Veuillez voir MODIFIER dans ma réponse. Merci.
- hey artronics, alors maintenant, il semble que le principal problème maintenant est que l'image n'existe pas, mais pour le faire fonctionner sur mon service d'hébergement web (machighway), j'ai tout garder minuscule. Il est visible quand je regarde sous mes fichiers locaux, mais par le public html, il ne peut pas y accéder.
- Parce que c'est mimi type de fichier est erroné et déclenche les navigateurs rendu mécanisme. L'image n'est en réalité parce que j'ai téléchargé sur mon disque dur.
- Pour corriger, s'il vous plaît ouvrir que .jpg fichier dans Photoshop, ou d'accéder à l'original, et vous aurez besoin de "Enregistrer sous ."jpg".
- Qui a raison! c'est très bien, mais maintenant, google chrome montre une autre chose à ce sujet. Il y a une sorte d'erreur de positionnement.
- Permettez-moi de regarder votre site web...
- EDIT: je pense que la technique est une question que j'ai à corriger manuellement; il semble être une erreur sur tous les navigateurs, et je pense que c'est parce que j'ai pour obtenir l'image pour être fixé. Merci beaucoup pour votre solution! Je ne peux pas croire ce qui était le principal problème.
- J'ai révisé ma réponse avec un couple de choses que vous avez oublié, veuillez donc la consulter de nouveau. Merci.
- EDIT: Vous pouvez avoir votre image d'arrière-plan du navigateur fenêtre qui s'adapte aussi vers le haut ou vers le bas dans la taille automatiquement. Veuillez voir ce Tutoriel en Ligne qui vous montre comment, maintenant que vous avez la .jpg fixe.
- BONUS: s'il vous Plaît voir la Réponse de jsFiddle qui est basé sur le Tutoriel en Ligne. Cheers!
- vais essayer ça merci!
InformationsquelleAutor arttronics
3
```
<body style="background:url('images/farmancover.jpg');">
```
Bien que vous le feriez normalement ajouter ceci à votre fichier CSS au lieu d'utiliser une ligne de style.
```
body {
  background:url('images/farmancover.jpg');
}
```
Spécifiquement pour votre site, l'image risque de ne pas afficher parce que votre fichier image est en fait
images/FarmanCover1.jpg (notez que l'URL est sensible à la casse).

Ce qui suit devrait vous donner l'effet désiré.
```
<body style="background:url('images/FarmanCover1.jpg') no-repeat;">
```
Vous avez également un certain nombre d'erreurs HTML, mais la suite a été testé de travail
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>
    Farman Pirzada - UX Designer - Harvesting creativity one at a time - Ohio, US
  </title>

  
  <link rel="stylesheet" type="text/css" href="http://www.farmanp-ux.com/css/style.css" />

  <meta content=
    "Farman Pirzada, UX Designer, CSS, HTML5, Web 2.0, portfolio" />
</head>

<body style="background:url('http://www.farmanp-ux.com/images/farmancover.jpg') no-repeat fixed;">
  <img src="http://www.farmanp-ux.com/images/farmanUX.png" class="center" alt="" />
  <div id="navmenu">
    <ul>
      <li><a href="farman.html">home</a></li>
      <li><a href="about.html">about</a></li>
      <li><a href="design.html">designs</a></li>
      <li><a href="services.html">services</a></li>
      <li><a href="contact.html">contact</a></li>
    </ul>
  </div>
</body>
</html>
```
- autre chose que vous pouvez donner à l'image dans le style trop
- il ne s'ouvre toujours pas dans les autres navigateurs et sur google chrome il a renversé l'image d'arrière-plan
- Avez-vous modifié votre code encore? - Je suis toujours de voir <body background="images/farmancover.jpg"/> je viens de tester en Chrome sur un Mac, et il avait l'air bien
- Je viens de le faire, alors, maintenant que l'image d'arrière-plan sera vu au travers de Safari. J'ai renommé le fichier à la casse parce que mon hébergeur ne peut pas utiliser des majuscules est enfermé.
- qui n'a pas l'impression de faire tout changement
- aussi, je garde encore de le tester sur le navigateur chrome et ne reçoivent rien
- Votre HTML a un certain nombre d'erreurs (y compris une balise img dans la tête, deux balises de corps et un orphelin de style de la balise.) Ajouté propre balisage pour la réponse et testé sur Safari, Chrome et FF
- Votre Chrome problème est dû à l'image d'un fichier Photoshop avec un .extension jpg comme arttronics points. Vous sont effectivement obtenir quelque chose, c'est juste que vous ne pouvez pas voir le blanc farnamUK.png image sur un fond blanc, mais si vous faites défiler vers le bas vous verrez que vos liens sont là.
- J'ai déjà +1 votre Réponse. Bon travail pour les pointant du doigt d'autres problèmes avec la page web. Cheers!
- +1 pour le Photoshop MIME aussi - belle prise
- Je vous remercie. Une bonne astuce pour passer, c'est que IrfanView vérifie automatiquement le MIMI type contre l'extension de fichier lors de l'ouverture de l'image. Une fois que j'ai vu la taille du fichier a été de plus de 6 mo de quelque chose. Merci pour le upvote trop 🙂
- je suis d'accord merci encore pour trouver l'erreur! Je vais être sûr de garder à l'esprit dans l'avenir!
InformationsquelleAutor PassKit
3

Propriété CSS body { background-image: url('images/farmancover.jpg'); }; semble être préféré ces jours-ci sur le spécifiant dans le cadre de votre code HTML.
- Votre syntaxe est légèrement, doit être background-image: url('images/farmancover.jpg');
- j'ai essayé et ça ne fonctionne toujours pas :/
- Il fixe, merci @PassKit
InformationsquelleAutor hd1

Vous devez vous connecter pour publier un commentaire.