Opacité conteneur / contenu

Fermé

Utilisateur anonyme - 30 août 2014 à 10:20
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 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.

A voir également:

Opacité conteneur / contenu
Word a trouvé du contenu illisible - Guide
Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
Contenu mms ✓ - Forum Vos droits sur internet
Contenu multimedia messenger disparu - Forum Facebook Messenger
Ce contenu n'est pas disponible facebook - Forum Facebook

1 réponse

Réponse 1 / 1

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
30 août 2014 à 11:27

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
30 août 2014 à 12:34

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 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
30 août 2014 à 13:37

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 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016
30 août 2014 à 17:00

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

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
30 août 2014 à 21:06

en gros met une class a ta video et tu met un .ta classe {opacity: 1;} dans ton css

Utilisateur anonyme
Modifié le 6 févr. 2024 à 14:17

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

ca veut dire quoi wmg sur youtube ?

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

Savoir de quel ville à été envoyé le message

Contenue masqué

Youtube: Ce contenu n'est pasdisponible dans votre pays