Opacité au background du content
Résolu/Fermé
ickyknox
Messages postés
1157
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
17 mars 2024
-
18 oct. 2012 à 18:06
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 18 oct. 2012 à 23:52
ickyknox Messages postés 1157 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 17 mars 2024 - 18 oct. 2012 à 23:52
A voir également:
- Opacité au background du content
- Background remover - Télécharger - Montage photo
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Hd audio background process ✓ - Forum Windows
- Clé content manager gratuit - Forum Téléchargement
- Gvr background window 3 ✓ - Forum Windows 10
2 réponses
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
Modifié par RAD ZONE le 18/10/2012 à 21:47
Modifié par RAD ZONE le 18/10/2012 à 21:47
Salut
cela s appelle l heritage CSS parent -enfant
https://www.alsacreations.com/tuto/lire/545-Comprendre-l-heritage-et-la-parente-des-styles-CSS.html
en clair les valeurs donnees a une div affecte tout les elements contenu dans cette div !
cela peu ce faire , mais il faut sortir les enfants de la div parent , puis positionner l ancienne div parent en position absolute; et z-index :-1
ensuite ajuster les enfants pour les superposer !
enfin une galere si tu part d un site deja fait !!!
on peu le faire avec aussi avec le rgba , mais IE inferieur a 8 ne passe pas !et meme pour le 8 il faut bidouiller !
un ecemple
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
cela s appelle l heritage CSS parent -enfant
https://www.alsacreations.com/tuto/lire/545-Comprendre-l-heritage-et-la-parente-des-styles-CSS.html
en clair les valeurs donnees a une div affecte tout les elements contenu dans cette div !
cela peu ce faire , mais il faut sortir les enfants de la div parent , puis positionner l ancienne div parent en position absolute; et z-index :-1
ensuite ajuster les enfants pour les superposer !
enfin une galere si tu part d un site deja fait !!!
on peu le faire avec aussi avec le rgba , mais IE inferieur a 8 ne passe pas !et meme pour le 8 il faut bidouiller !
un ecemple
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <title> opacité </title> <!-- saved from url=(0013)about:internet --> <style type="text/css"> /*<![CDATA[*/ BODY{ background-color: #3333CC; } /*Le content a une opacité de 0.5 (mode de couleur rgba)*/ #content { border: 2px solid #333333; border-radius: 1ex; padding: 10px 0; width: 860px; height: 670px; background: #ffffff;/*pour IE<9 qui ne reconnait pas le rgba*/ background: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5); /*pour IE inferieur a IE9*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); } /*Le petit conteneur B a une opacité de 1*/ #B { position: relative; width: 860px; height: 350px; background: #000000;/*pour IE<9 qui ne reconnait pas le rgba*/ background: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 1); color: #FFFFFF; } /*]]>*/ </style> </head> <body> <div id="content"> <div id="B"> <p> DIV OPAQUE </p> </div> </div> </body> </html>
a+
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
ickyknox
Messages postés
1157
Date d'inscription
jeudi 13 décembre 2007
Statut
Membre
Dernière intervention
17 mars 2024
48
18 oct. 2012 à 23:52
18 oct. 2012 à 23:52
merci beaucoup rad zone ! en effet ca a fonctionné !
merci pout tout le mal que tu t'es donné !
merci pout tout le mal que tu t'es donné !