Jump to content

Background


Recommended Posts

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 :)

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...