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>
<body>
<div class="middle">
<div class="top">
<div class="bottom">
<p class="content">Mon texte.<br />blablabla</p>
</div>
</div>
</div>
</body>
</html>
Atomik29
