28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche à rendre conforme ma css avec ce lien http://jigsaw.w3.org/css-validator/

Je constate une erreur de classe : Propriété erronée : background top n'est pas une valeur de color

Ma classe :
.node-blog {
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(100,167,209,0.5)),
		to(rgba(255,255,255,0.5))
	);
	background: -webkit-linear-gradient(
		top,
		rgba(100,167,209,0.5),
		rgba(255,255,255,0.5)
	);
	background: -moz-linear-gradient(
		top,
		rgba(100,167,209,0.5),
		rgba(255,255,255,0.5)
	);
	background: -o-linear-gradient(
		top,
		rgba(100,167,209,0.5),
		rgba(255,255,255,0.5)
	);
	background: linear-gradient(
		top,
		rgba(100,167,209,0.5),
		rgba(255,255,255,0.5)
	);
	padding: 15px 20px 15px 20px;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}


Qu'est ce qui cloche dans ce code ? Merci de votre aide.
Administrateur
Bonjour,

En effet, le mot-clé "top" ne figure plus dans la version standard des dégradés. Ton code provient certainement d'une ressource qui n'a pas été mise à jour.

La valeur que tu souhaites est certainement "to bottom" (tu peux aussi ne rien mettre puisque c'est la valeur par défaut).

PS : tu peux te débarrasser sans crainte de la plupart de tes versions préfixées car cela fait longtemps que les navigateurs reconnaissent la version finalisée standard.

Plus d'infos : http://www.alsacreations.com/tuto/lire/813-css3-background-radial-linear-gradient.html

Bonne soirée Smiley smile
Merci Raphael, j'ai gagné quelques ko en virant les déclarations devenues inutiles.

Bonne soirée.