2011-03-01 8 views
1

bonjour je construis une lettre de nouvelles maintenant la lettre maintenant une exigence est de l'image de fond à certains TD maintenant je dois faire redimensionner l'image que leur TD Parent est redimensionné, c'est à dire si le largeur de la table est réglé à 50% ou 500 ou d'autres valeurs que je besoin de l'image d'arrière-plan pour redimensionner pour adapter la nouvelle largeur toute idée :) merciimage de fond pour redimensionner automatiquement dans la cellule cellule

+2

Pourriez-vous s'il vous plaît poster quelques-uns des le code et le style d'utilisation, c'est un peu difficile de comprendre ce dont vous avez besoin. – JackLeo

Répondre

2

avec CSS3, vous pouvez redimensionner votre arrière-plan avec la propriété background-size:

Ajout de ceci à votre CSS étendra l'arrière-plan à 100% de largeur et 100% de hauteur, dans les derniers navigateurs.

td {background-size: 100% 100%;} 

Cela peut biaiser l'image non souhaitable cependant, vous préférerez probablement utiliser juste background-size: 100%; qui fixe la largeur à 100% et la hauteur de l'auto.

Pour soutenir un peu plus âgés navigateurs, vous devrez utiliser les préfixes de fournisseurs, comme ceci:

-moz-background-size: 100%; /* Gecko 1.9.2 (Firefox 3.6) */ 
-o-background-size: 100%; /* Opera 9.5 */ 
-webkit-background-size: 100%; /* Safari 3.0 */ 
-khtml-background-size: 100%; /* Konqueror 3.5.4 */ 
-moz-border-image: url(mtn.jpg) 0; /* Gecko 1.9.1 (Firefox 3.5) */ 

L'exemple ci-dessus is from this site et la spécification complète est ici - http://www.w3.org/TR/css3-background/#the-background-size

Questions connexes