[Image] Intégrer une image sur un fond en dégradé

Je me risque à poster ici, car je crains que les habitués du salon graphisme aient moins de risques de tomber sur ce genre d’accrocs, que les spécialistes de la création de site et de l’intégration d’images. M’enfin, si un modo se sentait de le déplacer, s’il le jugeait utile… :slight_smile: qu’il le fasse.

Le fond de mon site est une image en dégradé (bleu vers le blanc dans le sens vertical).

J’essaie de placer une image rectangulaire à coins arrondis sur ce fond.

Aucun problème en png, sinon que la transparence n’est pas respectée sous IE (comme vous le saviez sans doute déjà). J’essaie donc de trouver une alternative.

En gif transparent le résultat est plutôt crados, ce format ne possédant qu’un seul niveau de transparence. J’abandonne cette “solution”.

En gif ou en jpg, je suis confronté au problème suivant : les coins de mes images ne semblent pas opaques à 100%. J’ai pourtant bien déselectionné la transparence pour le gif, le jpg, lui, n’est jamais transparent, mais pourtant, dans les deux cas il semble que l’image de fond “renforce” celles du dessus.

Un aperçu du problème ici.

Vous remarquerez qu’il n’y a pas de problème pour les coins supérieurs de l’image du dessus (logo rouge) ! Sans doute à cause de la quasi absence de dégradé dans le fond, à cet endroit précis. C’est notamment cela qui me fait penser à un problème d’opacité.

Merci de votre aide !

hum… Déjà, tu peux commencer par réduire (rogner) ton image et faire un placement ou quelque chose dans le genre (surtout si c’est un fond, cf. background-position )

Ou au pire, essaye d’inclure le dégradé carrément? Enfin, je suis pas graphiste, donc pour savoir ce que tu veux faire :))

J’ai l’impression de mal m’être fait comprendre.
J’ai un fond en dégradé qui est le même pour toutes les pages de mon site (background de div). La page dont j’ai donné le lien présente 2 images placées dans un tableau présent dans le div (suis pas là pour débattre sur l’usage des tableaux/thanx :slight_smile: ). Cette page possède le fond en dégradé commun à toutes les pages de mon site. Les 2 images sont situées au dessus du background.

J’ai justement le problème quand j’inclus le dégradé !

En gros, la question c’est comment cela se fait-il que les images sont affichées comme si elles n’étaient pas 100% opaques ?

Sans-Nom, merci de ton aide, mais si tu penses que j’aurai plus de chance dans la section graphisme, merci de déplacer le post. :wink:

Je suis pas modéro moi :slight_smile: juste cynique, méchant et de mauvaise foi :>

C’est déjà pas mal ! :slight_smile: (c’est vrai, manquerait plus qu’il soit modo, en plus ! lol)

je l’étais.