Eviter que la class parent prenne le pas sur la class fille... [Résolu]

Messages postés
87
Date d'inscription
jeudi 26 août 2004
Statut
Membre
Dernière intervention
17 décembre 2008
- - Dernière réponse : atomik29
Messages postés
87
Date d'inscription
jeudi 26 août 2004
Statut
Membre
Dernière intervention
17 décembre 2008
- 24 mai 2007 à 17:42
Bonjour a tous,
voici mon probleme :

J'ai une serie de div qui me servent a creer un div arrondi avec images pour les bords.
J'ai rajouté dans la classe middle, un effet de transparence.
Et comme mon texte est compris dans cette div je me retrouve avec le contenu(mon texte) transparent également....
Normal vous me direz la classe fille herite de la classe parent....
Du coup j'ai crée une classe "content" en redefinissant ma transparente (aucune), mais j'ai toujours le meme probleme : la classe parent (middle) passe par dessus ma classe fille (content)....

Je pense qu'en sortant mon texte dans une autre div et en definissant dans les css (position:absolute + positionnement) je pourrait y arriver.... mais bien sur j'aimerai éviter parce que l'appli dans laquelle je doit integrer ce principe est tres complexe....

Y'a-t-il une technique pour eviter que la css "div.middle" prenne le pas sur ma css "content"

Mon code :
<html>
<head>
  <style type="text/css">
    div.middle {
      width: 272px;
      background-image: url(middle.gif);
      background-repeat: repeat-y;
      filter:alpha(opacity=50);
      -moz-opacity:0.5;
      opacity: 0.5;
    }
    div.top {
      background-image: url(top.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.bottom {
      background-image: url(bottom.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }
    .content {
    width:100%;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
    }  
  </style>
</head>

   

     

       

          Mon texte.
blablabla

       

     

   

</html>

Atomik29
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
87
Date d'inscription
jeudi 26 août 2004
Statut
Membre
Dernière intervention
17 décembre 2008
1
3
Merci
Pour ceux que ca interresse...
http://developer.mozilla.org/fr/docs/Astuces_CSS:Couleurs_et_fonds

Exactement le meme probleme mais avec la solution !!!

Atomik29

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 127 internautes nous ont dit merci ce mois-ci

Commenter la réponse de atomik29