Bonjour tout le monde,

j'ai un soucis et je ne sais pas comment les autres font donc voici le topo :

j'ai une image en fond (background) de site internet, cependant, cette image est en 1024*768.

Mon image de fond est mise à 100% en fond mais le soucis réside dans le fait qu'en changeant de résolution, celle ci se pixelise! je ne sais pas comment je peux faire pour empecher ceci!

un exemple de site qui ne pixelise pas avec une imga de fond :Urban Rivals

Comment ceci est possible??

merci d'avance :)

L'image de fond du site que tu as mis en lien est répétée en fait. Donc c'est pour ca qu'elle ne pixelise pas.

tu la vois répété toi ?

sinon, suivant la resolution, tu appliques un fond different (php/javascript, simple a metter en place)

Un code javascript qui donne l'effet cherché:

<script language="Javascript" type="text/javascript">
if (screen.width == 1440) { var img_width = 1440; }
else if (screen.width == 1280) { var img_width = 1280 }
else if (screen.width == 1024) { var img_width = 1024 }
else if (screen.width <= 800) { var img_width = 800 }
else { var img_width = 1600 }; 


document.write('<style type="text/css" media="screen">');
document.write(' Body { background: url(\'images/background' + img_width + '.jpg\') }; ');
document.write('</style>');
</script>