Background transparente

bonjour

je voudrai obtenir une image d'arrière plan comme celle du site en lien , comment faire
-http://courses.carrefour.fr/accueil

slt
philippe
Modifié par Laurie-Anne (09 Jul 2012 - 13:46)

Bonjour,

C'est une simple image de fond.


ps. : "slt", me fait plus penser à "slut" en anglais qu'à autre chose. Ce serait pas mal d'éviter le SMS à l'avenir...

Bonjour,

Si tu fais référence au fait d'avoir un bloc en surimpression d'une page web, avec derrière ce bloc (et le plus souvent un fond translucide noir ou blanc) un site complet et fonctionnel, c'est un mécanisme ergonomique nommé «pop-in». On parle aussi de «lightbox» pour certaines implémentations surtout consacrées à l'affichage d'images, ou encore d'«overlay».

Des recherches sur ces termes te permettront d'en savoir plus.

les possibilités du css3 sont impressionnantes
http://tympanus.net/Tutorials/CSS3Lightbox/

mais cherche juste a savoir quels propriété css a appliqué a mon image de fond pour la rendre plus pale ( je ne connais pas le terme exacte) et faire en sorte que la partie centrale du site ressorte
Modifié par philippe3441 (09 Jul 2012 - 17:15)

une idée comme ça. Pourquoi ne pas simplement utiliser un png semi-transparent comme ça t'auras pas à t'embeter avec le css.

autan utiliser les fonctionnalité du css
j'essaie en faite que l'image du fond soit plus effacé mais en l'occurence
ca ne marche pas
opacity: 0,4;


-http://www.association-pour-tous.fr/gerontologie/index.php?option=com_content&view=article&id=1&Itemid=112

salutation
philippe
Modifié par Laurie-Anne (12 Jul 2012 - 11:24)

http://www.zonecss.fr/style_css/feuille_css_opacity.html

pourtant les prefixes prop ne sont plus obligatoires (CR) sauf filter pour ie

Bonjour,

philippe3441 a écrit :
autan utiliser les fonctionnalité du css
j'essaie en faite que l'image du fond soit plus effacé mais en l'occurence
ca ne marche pas.
opacity: 0,4;

C'est normal que ça ne marche pas correctemment : il faut remplacer la virgule des décimales par un point :

opacity: 0.4

Après il faut faire attention car la propriété opacity est héritée par les éléments enfants. On peut par exemple prévoir un conteneur «tampon» pour repasser en opacité normale.

edit : et comme phpCbien l'a mentionné, il faudrait aussi penser au filtre pour IE. L'équivalent est le suivant :

filter : alpha(opacity=40);

Modifié par audrasjb (12 Jul 2012 - 00:18)