Transparence fond, mais pas du texte

Bonjour a tous,

J'ai un problème sur ma feuille e style, je voudrai rendre un fond opaque mais garder le texte les menu ect... normale.

Allez s'y en douceur car je n'y connait vraiment pas grand chose...

petite précision, qui j'epère ne détange pas j'utilise joomla.

pour voir de quoi je parle c'est ici: http://gpaandfriends.free.fr

Le morceau de la feuille de style concerné je pense:

td,tr,p,div {<br>
font-family : Verdana, verdana, Helvetica, sans-serif; 
font-size : 10px; 
color : #666666; 
line-height : 15px; 
} 
// tittler 3399FF //
// tekst 666666 //
// read on A2A9AF //

// hover 3399FF //
p, div {
font-family : Verdana, verdana, Helvetica, sans-serif; 
font-size : 10px; 
color : #666666; 
line-height : 15px; 
} 

BODY {
	scrollbar-face-color: 3399FF;
	scrollbar-shadow-color: FFFFFF;
	scrollbar-highlight-color:3399FF;
	scrollbar-3dlight-color: 3399FF;
	scrollbar-darkshadow-color: #3399FF;
	scrollbar-track-color:3399FF;
	scrollbar-arrow-color: #3399FF;
  background: url(../images/bg.jpg) no-repeat; 
}
hr {
background : #666666; 
height : 1px; 
width : 100%; 
} 
#mainlevel-nav {
margin : 0; 
padding : 0; 
} 
#mainlevel-nav li {
background-image : none; 
padding-left : 0; 
list-style : none; 
float : right; 
margin : 0; 
width : 15.5%; 
font-size : 10px; 
line-height : 20px; 
white-space : nowrap; 
text-indent : 15px; 
} 
BODY {
margin : 0; 
background-color : #ffffff;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}
color : #666666; 
font-family : verdana, Verdana, serif; 
  background: url(../images/bg.jpg) no-repeat; 
} 
td, tr, p, div {
font-family : verdana, Verdana, serif; 
font-size : 10px; 
color : #666666; 

Merci beaucoup!!

Salut,

Si tu mets ton opacity au body, tous les élements enfants vont en hérité, soit tout ce qui va suivre.

Si tu veux mettre ton fond en opacity, tu devras le mettre dans une div, après quoi, tu devras sortir le contenu de son flux normal et le positionner là ou tu le souhaites, ceci afin qu'il n'hérite pas de l 'opacity de son parent.

Exemple :

<div id="ContenuDeMaPage">Ici je place le contenu de ma page qui ne doit pas avoir l'opacité</div>
<div id="FondDeMaPageAvecOpacity">&nbsp;</div> <!-- Ce div est uniquement pour appliquer l'opacité à ton fond -->

Après suffit de modifier un peu ton CSS

A+

Aie Aie Aie je comprend rien....

Je doit faire ca?:

BODY {
<div id=
margin : 0; 
background-color : #ffffff;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8</div>;
}
<div id=color : #666666; 
font-family : verdana, Verdana, serif; 
  background: url(../images/bg.jpg) no-repeat</div>; 
} 

Je doit mettre entre <div id= et </div> la partie avec l'opacity et tous ce que je ne veut pas qui soit opaque?
Modifié par El Gringo (18 Nov 2007 - 13:38)

Ok j'ai dis de la grosse m******

Il y a des balises deja dans mon index:

    </table></td>
    <td width="8%">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
  <p>
<div id="forside">
    <div id="text-container">
      <p>&nbsp;</p>
  </div>
</div>
</body>
</html>

Modifié par El Gringo (18 Nov 2007 - 13:37)

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Bonjour,

Désolé pour l'oubli de mise en forme de mon code. (pas le droit a l'erreur ici )

J'ai éffectué une recherche mais je n'ai rien trouvé de pertinent, ou du moin rien que je comprenne. et je suis allé faire un saut a ma première visite du forum sur le lien que tu donne. je n'ai rien vu de différent par rapport a tous le forum sérieux qu'on peut trouver... politesse, orthographe, repect des sujets....

Y'a t'il quelque chose que je n'ai pas appliqué?

Salut,

Une méthode sandwich, tu places un bloc en position relative avec ta transparence et "par dessus en position absolute ton texte avec un z-index supérieur... Une idée comme ça

Ah en faite je connais pas du tout, je sais pas de quoi tu me parle ... tu peu me faire un exemple? peut etre avec le bout de code que j'ai donné plus haut?

Re,

Le plus simple, le moins frustrant, le plus enrichissant ...
Commencer propre
ou encore Et continuer

Ps: je ne crois pas qu'un bout de code te rende vraiment service, et il vaut mieux commencer par le début de l'histoire pour comprendre la fin du film