"Invalide la valeur de la propriété' en Div couleur d'arrière-plan

- Je utiliser une de Bootstrap exemples: http://twitter.github.com/bootstrap/examples/fluid.html

Le code suivant est inséré dans la navbar-inner div:

    <div class="logo">
        <div class="quadratLogo">&nbsp;</div>
    </div>

Style comme:

    .logo {
      font-size: 24px;
      font-family: 'Arial';
      min-width: 500px;
    }

    .quadratLogo {
        width:24px;
        height:20px;
        border-radius:0px 4px 0px 4px;
        background-color: ff0000;
        float:left;
    }

Pouvez-vous dire pourquoi quadratLogo div est invisible et la propriété background-color de quadratLogo est considérée comme invalide par Chrome?

Permettez-moi de vous présenter mon petit ami: jigsaw.w3.org/css-validator

OriginalL'auteur naio | 2013-03-26

  1. 5

    C'est une bonne couleur, mais vous avez oublié d'inclure un # symbole avant la valeur hex.

    .quadratLogo {
     width:24px;
     height:20px;
     border-radius:0px 4px 0px 4px;
     background-color: #ff0000;
            /* --------^ */
}
    Mon navigateur admet-il sans le hachage et effectivement, il fonctionne ici.Je pense que c'est quelque chose à voir avec les styles de Bootstrap.
    Bien quand vous dites "background-color property of quadratLogo is seen as unvalid by Chrome?" ne vous veux dire que tout ne s'affiche pas ou vous voyez une erreur dans le dev. outils? Si son ex, c'est probablement une spécificité de la question
    désolé, c'était ce qui est résolu.
    Propriété non valide est de savoir comment l'inspecteur de Chrome identifié mes arrière-plan-couleur du paramètre. J'ai aussi essayé avec @orange, qui ressemble à une valeur valide dans le Bootstrap, mais ça n'a pas fonctionné non plus. Excusez-moi mais je suis novice et je ne comprends pas le terme 'spécificité'

    OriginalL'auteur Adrift

  2. 2

    Votre background-color propriété est incorrect.

    il devrait être background-color: #ff0000; ou de donner le nom de la couleur

    Lire plus sur couleur d'arrière-plan

    Mon navigateur admet-il sans le hachage et effectivement, il fonctionne ici.Je pense que c'est quelque chose à voir avec les styles de Bootstrap
    si vous utilisez firebug et inspecter l'élément, vous pouvez le voir, il est #ff0000. Essayez dans IE vous pourriez avoir des problèmes !!
    désolé, c'était ce qui est résolu.

    OriginalL'auteur huMpty duMpty