Comment étirement de l'image d'arrière-plan d'une cellule du tableau avec le CSS?

Comment puis-je étirement de l'image de fond d'une cellule du tableau avec le CSS? J'ai Cherché sur google sans résultats.

Lorsque vous définissez l'image d'arrière-plan d'une cellule et l'arrière-plan de la taille est plus petite que la cellule, alors qu'il sera répété.

Comment puis-je la force de ce contexte pour étirer l'ensemble de la cellule de tableau à la place?

La accepté de répondre à la question n'est plus correct - tous les principaux navigateurs actuels de support s'étendant jusqu'CSS maintenant

OriginalL'auteur SilverLight | 2010-08-02

  1. 4

    Vous ne pouvez pas étirer une image d'arrière-plan.

    Si vous voulez étirer une image, vous devez le mettre dans un img tag. Vous pouvez utiliser le positionnement absolu à mettre du contenu sur le dessus de l'image.

    mais j'ai fait ce fil de discussion pour les tableaux / position absolue n'est pas ok pour l'image d'arrière-plan de tables / une autre idée ?
    Non, vous ne pouvez tout simplement pas de s'étirer une image de fond, sauf si vous voulez attendre jusqu'à ce que CSS 3 navigateurs compatibles est beaucoup plus commun.
    Il y a aussi des bibliothèques javascript qui font ce qu'elle est décrite sur cette réponse 🙂

    OriginalL'auteur Guffa

  2. 9

    Il est possible de un étirement de l'image d'arrière-plan à l'aide de l'option background-size propriété CSS.

    Exemples:

    body { background-size: 100% auto } /* Stretches image to full horiz. width */
body { background-size: 50% 50% } /* Stretches image to half of available
width and height - WARNING: aspect ratio not maintained */

body { background-size: cover } /* Ensures that image covers full area */
body { background-size: contain } /* Ensures that image is completely visible */

    Tous les principaux navigateurs actuels prennent en charge la fonctionnalité:

    • C'est à dire depuis 9.0
    • Chrome depuis la version 3.0
    • Firefox depuis 4.0
    • Opéra depuis 10.0
    • Safari depuis la version 4.1
    fond taille est très très limité / une autre idée ?
    pas vraiment, non sans complexe jQuery solutions de contournement. Que devez-vous faire?
    Le lien ne fonctionne plus. Soins pour le corriger, s'il vous plaît?
    fait (et mis à jour.)
    Vous êtes limité! 😉 Désolé. Votre commentaire est vieux. Maintenant, le soutien est très bonne et en fond de taille est un épargnant de vie.

    OriginalL'auteur Pekka 웃

  3. 3

    C'est possible.

    REMARQUE: C'est à l'aide de CSS3 et ne sera pas pris en charge par inférieures navigateurs.

    Si vous définissez votre cellule avec ce style qu'il doit résoudre votre problème. Il permettra également pliantes, tables de trop parce que vous êtes à l'aide de %. 

    background-image: url('XXX');
background-repeat: no-repeat;
background-size: 100% 100%;
    fond de taille est CSS3 et non pris en charge dans tous les navigateurs...
    A noté, la mise à jour de ma réponse

    OriginalL'auteur Michael