Discussion :

[bloups0]

Bonjour, je suis actuellement sur un site web, et je dois mettre une opacité sur un div qui accueillera des images.

Actuellement, j'ai une <div class="opaciter"> qui contient une balise <img> avec l'image actuelle, et j'ai donc mis un background-color rgba(0,0,0,1) sur ma classe opaciter, seulement, rien ne s'affiche, je n'ai pas de filtre noir qui apparait...

Le souci étant que j'affiche l'image du dernière article publié, et que le client s'occupe des images, donc je ne peux pas utiliser photoshop pour mettre de filtre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<div class="col-md-3 col-sm-3 col-xs-6 r">
    <div class="opaciter">
        <img class="offre-exclu marg" src="uploads/2016/08/1213041-423381_219_0_1381_1119_346_280.jpg">
    </div>
</div>
 
.opaciter {
    background-color: rgba(0,0,0,1);
}

EDIT: j'ai bien mon background color, mais il n'est pas sur l'image, mais sous l'image, j'ai bien essayé de jouer avec le z-index, mais rien.

[Ecared]

Salut, background-color signifie bien que ce sera la couleur de fond donc elle ne pourra jamais passé au dessus de ton image. De plus dans ton background-color tu mets ton opacité à 1 ce qui n'est pas très utile non plus

Tu peux tout simplement utiliser la propriété opacity sur ta div .opaciter si tu veux

[Invité]

Bonjour,

je n'ai pas vraiment compris ce que tu veut obtenir, mais... tu as certainement besoin de te documenter :

• Glossaire des propriétés CSS : Propriétés de mise en forme d'arrière-plans
• Les filtres CSS3 - Appliqués sur des images