css mis à l'échelle de l'image de fond

je peux obtenir des images mises à l'échelle pour remplir la fenêtre quand ils sont le contenu, comme suit:
(sans html5 ou div)

  <style type="text/css">
img {
width:100%;
height:100%;
margin:0px;
}
  </style>

et 

<img src="wacard.png" alt="original image" title="">

mais

cela échoue (html, body" et "corps")

  <style type="text/css">
body {
width:100%;
height:100%;
margin:0px;
}
  </style>

et

<body
 style="background-image: url(wacard.png);">
</body>

capté ramassé à partir d'ici: Redimensionner HTML5 canvas pour adapter la fenêtre mais comme je le comprends, que doit avoir un peu plus de fantaisie de code que je connais, en cours, ... ou que je suis en train de faire quelque chose de mal...

comment puis-je obtenir des images d'arrière-plan à l'échelle?
(idéalement, sans javascript)

OriginalL'auteur digit | 2011-04-23

  1. 8

    Voici un tutoriel avec plusieurs solutions:
    http://css-tricks.com/perfect-full-page-background-image/
    Complet avec des démonstrations et la, étape par étape, le processus de codage.

    Le HTML5 moyen mentionné est:

    html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

    Il y a un ie correctif mentionné dans l'article.

    lol, vous avez posté le même article 1sec avant moi 🙂
    Pas de blague. CSS-tricks est un très utile site.

    OriginalL'auteur jackreichert

  2. 1

    Que je comprends, vous voulez créer une page complète re-extensible arrière-plan. Dans ce cas, suivez les instructions ici => http://css-tricks.com/perfect-full-page-background-image/

    OriginalL'auteur Maverick

  3. 0

    Également envisager un nouvel examen et d'options, comme dans mon cas, la valeur de la 

    background-position:

    options de configuration...

    http://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    et aussi 

    background-origin:

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin

    qui accompagnent le backbackground image de style CSS réglage.

    OriginalL'auteur MistereeDevlord