CSS: linear-gradient ne marche pas
Bonjour,
j'essaye d'utiliser le paramètre linear-gradient pour avoir un degradé de vert en fond d'écran :
Cependant quand je vais sur le page, le dégradé n'apparait pas.
Pouvez vous m'aider ?
j'essaye d'utiliser le paramètre linear-gradient pour avoir un degradé de vert en fond d'écran :
article aside
{
position: absolute;
top: 0px;
left: 0px;
background-image: linear-gradient(bottom, rgb(14,66,1) 5%, rgb(0,135,16) 50%);
color: white;
border-radius: 10px 0px 10px 0px;
padding: 5px;
text-align: right;
font-size: 0.8em;
}
Cependant quand je vais sur le page, le dégradé n'apparait pas.
Pouvez vous m'aider ?
3 réponses
-
Essaye avec ce code: (ne met pas background-image!)
article aside
{
background: #00AEEF;
background: -moz-linear-gradient(top, #00AEEF 0%, #7D7E7D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AEEF), color-stop(100%,#7D7E7D));
background: -webkit-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
background: -o-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
background: -ms-linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#7d7e7d',GradientType=0 );
background: linear-gradient(top, #00AEEF 0%,#7D7E7D 100%);
} -
Firefox et chrome, sous les deux ça ne fonctionne pas. Le validateur css3 me dit ça :
Propriété erronée : background-image linear-gradient(bottom,rgb(14, 66, 1) 5%,rgb(0, 135, 16) 50% ) n'est pas une valeur de background-image : linear-gradient(bottom,rgb(14, 66, 1) 5%,rgb(0, 135, 16) 50% ) -
ça marche merci beaucoup, par contre les couleursne sont pas les bonnes mais je vais les retrouver.
Pourquoi fallait-il mettre tout ça ?
