Discussion :

[cristelle1986]

bonjour,

voici mon code html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<div id="fenetre">
<table id="tableau_explication" width="200">
  <tr>
    <th  scope="col">titre du "tableau en fenêtre"</th>
  </tr>
  <tr>
    <td>mon texte</td>
  </tr>
</table>
</div>

mon code css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
*|#tableau_explication{
	width: 800px;
	margin-top: 100px;
	left: 180px;
	position: relative;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
 
 
 
}
*|#tableau_explication *|th{
	background-color:#CCC;
	border-radius:20px 20px 0px 0px;
	border:2px solid;
	border-color:#90C;
	opacity:0.800;
	text-align:center;
	color:#936;
	font-size:15pt;
 
 
}
*|#tableau_explication *|td{
	height:200px;
	border-radius:0px 0px 20px 20px;
	border:2px solid;
	border-color:#939;
	background-image:url(../image/drapeau_bi.jpg);
	background-position:center no-repeat;
	opacity:0.700;
	text-align:left;
	color:#Fff;
	font-size:13pt;
}
#fenetre {
	width: 1170px;
	height: 470px;
	background-color: transparent;
	margin-left: 100px;
	margin-top: 25px;
	border:1px solid;
 
}

j'aimerais que mon fond soit opaque comme je l'ai mit, mais avec ça, mon texte l'est aussi, et j'aimerais qu'il ne le soit pas....
comment faire?
merci de vos réponses pour éclairer ma lanterne....

[watamoovie]

Tu peux reposer la question plus clairement stp ?

mais j'imagine que font-color suffit si j'ai bien compris la question.

[Bovino]

C'est tout à fait normal et correspond au fonctionnement attendu pour la propriété opacity : elle affecte une opacité à un élément. Cette valeur est héritée par les éléments enfants et tout le contenu de l'élément ciblé.

Si tu veux n'affecter l'opacité qu'au fond (background) de l'élément, alors ce n'est pas la bonne méthode. Pour cela, il faut passer par une couleur au format rgba() : III-A-1. Couleur de fond | background-color.