Incruster un menu dans une image

Incruster un menu dans une image

Sur de très nombreux sites on peut voir les menu par dessus une image, donnant une certaine homogénéité au visuel: un exemple plus parlant:

menu

Quand on débute on pense qu’il y a un élément flottant dans un autre, qu’il y a plusieurs blocs et que chacun à son background.En réalité, c’est vraiment tout bête, c’est juste le bloc principal, ici le header, qui a une image de fond, qui s’applique donc naturellement aux éléments internes au bloc: menu et le slider du dessous: Voici un simple exemple pour réaliser ce genre de menu incrusté:

See the Pen menu dans image by yuyazz (@yuyazz) on CodePen.