Comment créer un fond dégradé qui fonctionne avec la plupart/tous les navigateurs?

Question

Voici ce que je veux faire, en quelque sorte:

1- Un fond dégradé de haut en bas. Il devrait y avoir 2 couleurs, appelons-les color1 et color2.

2- Je veux que le dégradé soit d'environ une page, il commence donc par color1, et se termine par une couleur2.

3- Ensuite, je veux que color2 continue tout en bas quelle que soit la taille de la page.

Est-ce possible avec css peut-être?

Merci

Answer 1

Vous pouvez créer une image qui est un couple de pixels de large et quelle que soit la longueur verticale que vous voulez pour votre « taille de la page ». En CSS, vous pouvez contrôler le repeating of an image en CSS. Donc, vous pourriez faire une répétition-x, pour que l'image répète de gauche à droite. Ensuite, définissez simplement la couleur d'arrière-plan de votre site sur la deuxième couleur, de sorte que si votre contenu s'étend plus loin, l'utilisateur ne verra que Color2.

par exemple. CSS

body { 
    background-color: #b5b5b5; /*gray*/ 
    background-image: url(./images/body_bg_gray_1380px.gif); /*path to wherever your bg img is...*/ 
    background-repeat: repeat-x; 
} 

Answer 2

Utilisez la notation sténographique:

body {background:url(images/body_bg_gray_1380px.gif) repeat-x #b5b5b5}