Opacité conteneur / contenu

Utilisateur anonyme -
mr_demonicon Messages postés 921 Statut Membre - 31 août 2014 à 22:26

Bonjour,

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.

Afficher la suite

1 réponse

Réponse 1 / 1
mr_demonicon Messages postés 921 Statut Membre 126

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
0
1. Utilisateur anonyme
  
  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 ?
  
  0
2. mr_demonicon Messages postés 921 Statut Membre 126
  
  ben tu met une class a ta video et tu la retabli a opacity 1 (si tu savais que le css et le html prends la propriete la plus precise pour l'executer tu n'aurais pas poser la question voir la notion d'heritage des proprietés^^)
  
  0
3. Utilisateur anonyme > mr_demonicon Messages postés 921 Statut Membre
  
  Pas compris...
  Comment on enlève la priorité ?
  
  0
4. mr_demonicon Messages postés 921 Statut Membre 126
  
  en gros met une class a ta video et tu met un .ta classe {opacity: 1;} dans ton css
  
  0
5. Utilisateur anonyme
  
  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.. :(
  
  0

Opacité conteneur / contenu

1 réponse

Discussions similaires

Newsletters