Bonjour,

je me permets de poster ici mon problème,

Je dois réaliser pour une cliente une page qui contient des vignettes, correspondantes à des services proposés (J'utilise des col-xs-x). Mon problème c'est qu'elle veut une image de fond qui apparait uniquement dans les vignettes, mais pas en dehors (en dehors ça doit être blanc)

Je ne vois pas top comment peux faire, avez-vous une solution ?

Cordialement

Bonjour,

eh bien, simplement en mettant un background sur chaque vignette, non ? Je dois avouer ne pas comprendre où est le problème. Peux-tu nous en dire plus ? Nous faire un schéma du rendu attendu ?

Merci pour ton aide, 

En gros, je ne veux pas une image dans chaque vignette mais un image en background de la page qui apparait uniquement dans chaque vignette, avec autour des vignettes du blanc par exemple

Bonjour,

Je ne comprend pas non plus ta demande. Si tu veux juste une image découpé dans chaque vignette.. c'est un peu plus compliqué. Tu devrais nous montrer un shéma ou une image pour voir un peu la disposition des vignettes.

-
Edité par jordanternullo 22 août 2017 à 12:12:23

D'accord, là c'est plus clair.

Comme ça, je dirai que vous avez trois choix, vu que le background n'est visible que par ces vignettes, vous pouvez juste découper le background en plusieurs morceaux  et les mettre pour chaque vignette.

Deuxième serait de créer superposer deux div, et d'utiliser la transparence sur le div qui est devant.

Le troisème serait la position du background. Le css permet de positionner l'image. Il faut juste bien jouer avec les paramètre pour donner l'illusion que c 'est le meme image découpé.

Dans tous les cas, laissez un peu de code, pour vous corriger et donner un exemple.

RenukanDev a écrit:

Deuxième serait de créer superposer deux div, et d'utiliser la transparence sur le div qui est devant.

étant donnée que le parents a un background, on peut pas dire a l'enfant de faire un trou dans le parent :/

-
Edité par jordanternullo 22 août 2017 à 13:41:04