Eviter que la class parent prenne le pas sur la class fille...

Résolu
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:21
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

1 réponse

atomik29 Messages postés 87 Date d'inscription jeudi 26 août 2004 Statut Membre Dernière intervention 17 décembre 2008 1
24 mai 2007 à 17:42
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
3
Rejoignez-nous