2010-06-15 7 views

Répondre

0

si vous voulez que votre site soit compatible avec tous les navigateurs, vous pouvez utiliser ceci:

background-image: url(someurl.gif); 
background-repeat: repeat-x; 

le someurl.gif l'image doit contenir le dégradé que vous voulez. Avoir comme un très petit morceau d'image et vous pouvez l'étendre avec repeat-x ou repeat-y. celui que tu préfères.

2

CSS 3 supports gradients mais cela ne sera pas supporté par tous les navigateurs (par exemple IE6).

Mais vous pouvez le faire, que je pense est assez similaire à la réponse précédente:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
    body { 
     padding:0px; 
     margin:0px; 
    } 
    div#bg { 
     background: url(http://www.khiba.com/PSP/FALL01/Testgrad.jpg) repeat-x; 
     height:600px; 
    } 
</style> 
</head> 

<body> 
<div id="bg"> 
</div> 
</body> 
</html> 
Questions connexes