2010-06-15 10 views

Répondre

1

Vous pouvez le faire avec CSS si vous savez que vos visiteurs navigateurs prennent en charge cette fonctionnalité: http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

Un autre lien à visiter est cette page qui a un générateur de CSS qui vous permet de créer le style de manière interactive: http://gradients.glrzad.com/

Voici le CSS pour un dégradé bleu:

-webkit-gradient(
    linear, 
    left bottom, 
    left top, 
    color-stop(0.18, rgb(20,169,250)), 
    color-stop(0.67, rgb(43,61,255)), 
    color-stop(0.86, rgb(36,54,171)) 
) 
-moz-linear-gradient(
    center bottom, 
    rgb(20,169,250) 18%, 
    rgb(43,61,255) 67%, 
    rgb(36,54,171) 86% 
) 
+0

bonjour, j'ai une autre question. Mon code actuel est comme ceci que j'applique une couleur statique telle que document.getElementById ("box1"). Style.backgroundColor = "# ffff00" ;. Comment appliquer ce style -webkit-gradient() dans cette fonction? function clickedElement() { document.getElementById ("box1"). Style.backgroundColor = "# ffff00"; } Merci beaucoup pour votre aide. – dojomedojo

+0

Pour votre question, le style doit être défini dans une classe CSS, disons "banner", et vous pourrez ensuite ajouter cette classe aux éléments que vous voulez en utilisant document.getElementById ("box1"). ClassName + = "bannière"; Voir cette question: http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript –

0

La meilleure façon de le faire est de css et d'image de fond avec gradient. utiliser la propriété css background.