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

A voir également:

Opacité conteneur / contenu
Word a trouvé du contenu illisible - Guide
Fusionner deux cellules excel en gardant le contenu - Guide
Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
[<B>contenu masqué</b>] - Forum Téléphones & tablettes Android
Contenu multimedia messenger disparu - Forum Facebook Messenger

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

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 ?

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^^)

Utilisateur anonyme > mr_demonicon Messages postés 921 Statut Membre

Pas compris...
Comment on enlève la priorité ?

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

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.. :(

Discussions similaires

Contenue masqué

ca veut dire quoi wmg sur youtube ?

Message recurent : Un site est en train de lire vos données

Facebook - "Désolé, ce contenu n’est pas disponible..." et autre probl

Ce contenu n’est pas disponible pour le moment

Votre réponse

Discussions similaires