Opacité conteneur / contenu
Bonjour,
Ma question est toute simple :
J'ai un code de ce genre :
Avec dans le CSS ceci :
Mais le problème, c'est que ma vidéo a une opacité de 0.70 aussi, or je veux qu'elle soit visible à 100% !
Comment faire ?
Merci.
Ma question est toute simple :
J'ai un code de ce genre :
<div class="opacite"> <iframe DeMaVideoYoutube> </div>
Avec dans le CSS ceci :
.opacite
{
padding: 30px;
opacity: 0.70;
text-align: left;
width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: black;
color: white;
font-size: 18px;
border-radius: 10px;
}
Mais le problème, c'est que ma vidéo a une opacité de 0.70 aussi, or je veux qu'elle soit visible à 100% !
Comment faire ?
Merci.
1 réponse
-
Attends j'ai pas compris qu'est ce que tu veux qui soit opaque: ta video? son contour? l'image de couverture de la video? un autre bloc div?
Bonne journée
-
En fait j'ai créé un cadre qui contient le corps de la page.
Comme j'ai un background en fond (image), je voulais pouvoir la voir.
Donc le "cadre" du milieu qui contient le corps a une opacité de 0.7 comme ça je vois le cadre et le fond comme il est mi-transparent.
Mais dès que je met quelque chose dans le div du cadre du milieu qui est à 0.7 d'opacité, tout ce que je met dedans a 0.7 d'opacité dont la vidéo...
Comment éviter ça ? -
-
@mr_demoniconPas compris...
Comment on enlève la priorité ? -
-
Je l'ai fait mais cela ne marche pas !
En gros j'ai ceci :
#videos { opacity: 1; } .middle { opacity: 0.60; width: 70%; height: auto; margin-left: auto; margin-right: auto; background: white; color: black; font-size: 18px; }
Et dans mon HTML :<div class="middle"> <div id="videos"> <iframe width="640" height="360" src="//www.youtube.com/embed/yolo" frameborder="0" allowfullscreen></iframe> </div> </div>
Mais cela ne marche pas, ma vidéo est toujours en opacité 0.6...
Car l'opacité du middle se propage dans la vidéo en gros, c'est le bordel.. :(
-
