Bonjour,

Je suis en train de travailler le header de mon site, j'y est mis un menu dynamique géré par CSS, le code a été pris sur le net.

Voici un extrait de ma css qui concerne mon souci :

}
#cssmenu {
	height: 49px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background: #8dd113;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
	background: -moz-linear-gradient(top, #8dd113 0%, #6aa401 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8dd113), color-stop(80%, #6aa401 ));
	background: -webkit-linear-gradient(top, #8dd113 0%, #6aa401 80%);
	background: -o-linear-gradient(top, #8dd113 0%, #6aa401 80%);
	background: -ms-linear-gradient(top, #8dd113 0%, #6aa401 80%);
	background: linear-gradient(to bottom, #8dd113 0%, #6aa401 80%);
	border-bottom: 2px solid #b82374;
	padding-left: 40px;
}

Le léger souci c'est que je ne comprend pas à quoi sert une des propiété : il sagit de la 6eme Pouvez vous m'éclairer ?

Merci

C'est une image codé en base64 elle est transformé en suite de caractère.

Ok merci bien

Sauf que dans ce cas les propriétés CSS suivantes sont totalement inutiles, vu que les images ont priorité sur les gradient.

D'ailleurs si tu tapes l'URL data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII= dans ton navigateur, tu verras normalement une image avec un défilé de tons de gris.