Dev Faq
6
votes

Elément d'en-tête HTML5 non affichant l'image d'arrière-plan

Je travaille sur un nouveau modèle HTML5. J'utilise l'élément sur la page avec une image de fond de logo simple. xxx

page de devir: http://www.bcidaho.com/dev-acn/index.asp

Je peux voir l'image d'arrière-plan dans PC Chrome, PC FF4, et sur Mac FF5, mais cela ne s'affiche pas dans IE6, IE7 ou IE8 ... et lorsque j'ouvre les outils de développement dans IE8 de certaines raisons, il n'y a pas d'ouverture < Code> Étiquette de l'élément dans l'inspecteur de code Just the Balise de fermeture.

est-ce que c'est à dire non pas reconnaître l'élément , même si j'ai des propriétés définies dans le style.css? (Situé: http://www.bcidaho.com/dev-acn/css/ style.css )

0 commentaires

4 Réponses :

6
votes

Vous devez inclure le HTML5SHIV , qui transforme les nouveaux éléments HTML5 sémantiques en éléments de niveau de bloc afin que c'est-à-dire que possible style eux. C'est un piratage simple, alors vérifiez la source pour voir exactement ce que ça fait.

0 commentaires
4
votes

Est-ce que c'est-à-dire pas reconnaître la élément, même si j'ai des propriétés défini dans le style.css?

correct. Pour les versions inférieures à IE9, vous devez utiliser ceci:

http: // code .google.com / p / html5shiv /

Vous aurez également besoin de ce CSS: xxx

pour certaines informations de base, voir:

http://paulirish.com/2011 / the-history-of-the-html5-shiv /

0 commentaires
0
votes

Outre les problèmes HTML5, vous avez également certains paramètres dans le mauvais ordre pour le style de fond.

divisez-les, ou mettez-les dans le bon ordre.

Le bon ordre est:

  1. Color de fond
  2. fond-image
  3. fond-répéter
  4. Fond de fond-attachement
  5. Position de fond

    Vous pouvez sauter quelques-uns, mais les doivent être dans le bon ordre.

    J'utilise rarement la version combinée (alias sténographie), car il est trop gênant de se souvenir de la commande.

6 commentaires

Il a la commande: image, position, répétition. Autant que je sache, ce n'est pas légal de le faire.

Juste parce que cela fonctionne dans un navigateur ne signifie pas que c'est légal, ou que cela fonctionnera dans tous.

C'est légal: w3.org/tr/css21/colors.html#propdef -frackground . Cela fonctionne dans tous les navigateurs.

@THIRTTYDOT J'ai regardé la page que vous avez liée et cela a confirmé ce que j'ai dit: ce n'est pas légal. Vous devez avoir les propriétés dans cet ordre, mais vous pouvez ignorer certains si vous voulez. @ Stefan-Kendall: Vous devriez vérifier les faits avant de les complimenter.

@Ariel: Mon lien ne veut pas Confirmez ce que vous avez dit - vous interprétez mal. Le CSS ici ... est valide .

@THIRTTYDOT VOIR ICI: Old.nfabeau.com/... - A> Il ressemble à CSS3 ou CSS2.1 détendue les règles. Notez également comment le validateur a réorganisé les propriétés lorsqu'il les imitait. Et il semble que nous ne sommes pas le premier à remarquer l'ambiguïté: Csarven.ca/... Quand j'ai lu la spécification, je vois le BNF dans un ordre strict, mais je suppose que les autres le lisent comme une liste d'options.

2
votes

Je sais que cela a déjà été abordé, mais j'ai trouvé une solution différente à cela sur http://ordedlist.com/resources/html-css/structural- Tags-in-html5 / .

Ajoutez simplement ce script en haut de la page et les nouveaux éléments HTML5 rendront correctement dans les anciennes versions d'IE. P> 

<script type="text/javascript">
    document.createElement('header');
    document.createElement('footer');
    document.createElement('section');
    document.createElement('aside');
    document.createElement('nav');
    document.createElement('article');
</script>

0 commentaires

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor