background-image: url(“images/plaid.jpg”) no-repeat; l'habitude de se présenter

Je n'arrive pas à faire mon plaid.jpg l'arrière-plan sur une de mes pages, sans parler de tous d'entre eux, j'ai essayé en sélectionnant par corps, html, *, l'id spécifique de la "maison". rien ne fonctionne. L'image est de 300 x 421 pixels. Je n'ai pas besoin de montrer assez, j'ai juste envie de se montrer, derrière tout. comment mes css look pour cela? l'plaid.jpg l'image est dans mon dossier images dans le même répertoire que mon index.html fichier. Ce lien est au dessus de mes index.html fichier. et ma feuille de style est dans mes feuilles de style dossier nommé mystyles.css.

<link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css">

J'ai essayé de modifier mon .Fichier CSS tous les moyens imaginables, à mon avis. les 30 premiers résultats de google pour "background-image ne s'affiche pas" et aucune n'a fonctionné. Je suis conscient que c'est probablement quelque chose de simple.

mystyles.css dans sa forme la plus basique, sans sélecteur.

  background-image: url("images/plaid.jpg") no-repeat;

index.html

 <body>
        <!-- Page: home -->
            <div id="home"
                data-role="page"
                data-title="Home">
                <div data-role="header"
                    data-position="fixed"
                    data-theme="b">
                    <h1>Home</h1>
                    <a href="#info"
                        data-icon="info"
                        data-iconpos="notext"
                        data-rel="dialog"
                        class="ui-btn-right"
                        >Info</a>
                </div><!-- header -->
                <div data-role="content">

                <div data-role="controlgroup" data-theme="e">
                    <a href="#blog" 
                        data-role="button"
                        data-icon="arrow-r"
                         data-theme="e"
                    >Blog</a>
                    <a href="#videos" 
                        data-role="button"
                        data-icon="arrow-r"
                         data-theme="e"
                    >Videos</a>
                    <a href="#photos" 
                        data-role="button"
                        data-icon="arrow-r"
                         data-theme="e"
                    >Photos</a>
                    <a href="#tweets" 
                        data-role="button"
                        data-icon="arrow-r"
                         data-theme="e"
                    >Tweets</a>
                </div><!-- links -->
                </div> <!-- content -->
            </div><!-- page -->

ce n'était pas couronnée de succès,

body {
    background-image: url("/images/plaid.jpg");
    background-repeat: no-repeat;
}

c'est ce qui est dans mon aussi

<head>
    <meta charset="utf-8" />
    <title>Mob App</title>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <link rel="shortcut icon" href="images/favicon.ico" /> 

    <!--<link  href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />-->
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

    <script src="javascripts/myscript.js"></script>
    <link rel="stylesheet" type="text/css" href="stylesheets/mystyles.css" />
    </head>
Rien dans le navigateur de la console?
Si votre CSS ne fonctionne pas, assurez-vous que votre HTML et CSS est valide.
aucune erreur dans la console. et quand je l'affichage de la source, il voit ma .fichier css de sorte que son lié correctement.
La vérification de la console n'est pas la même que la validation.
Vous savez ce qui serait drôle? Si l'image d'arrière-plan est chargement, mais vous ne pouvez pas le voir parce que le body s'est totalement effondrée parce que tous ses enfants sont flottante (sans clearfix) ou en position absolue. Tout les questions. Couper tous les détails qui ne regardent pas comme ils font partie du problème jusqu'à ce que vous trouver. C'est la façon dont vous déboguez des choses.

OriginalL'auteur codey b | 2012-12-19