Cellule transparente s'affiche mal sous FF

**Luke58** · 24/05/2007, 10h54

Salut

J'ai une page possédant une image en background et un tableau.
Chaque ligne a la plupart de ses cellules opaques mais certaines doivent être transparentes.

Je définit donc un style pour donner une background-color sur les balises <TR>.

Mais quand je spécifie un background-color:transparent sur des cellules de la ligne, la cellule s'affiche bien en transparent sous IE mais reste de la couleur de la ligne sous FF.

Typiquement, j'ai créé cette page simplissime qui fonctionne correctement sous IE et pas sous FF :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head></head>
<body bgcolor="#A0A0A0"> <!-- Fond gris -->
	<table>
		<tr style="background-color:#FFFFFF;"> <!-- Fond blanc -->
			<td style="background-color:transparent;">
			Cellule
			</td>
		</tr>
	</table>
</body>
</html>

La case est blanche sous FF, au lieu d'être grise comme le fond de la page.

Une idée ?

**miya** · 24/05/2007, 11h26

Je crois que FF n'interprete pas les styles opaques et transparent !

**Nesmontou** · 24/05/2007, 11h45

Salut, c'est normal, tu as mis un fond blanc sur l'élément tr

**Luke58** · 24/05/2007, 11h49

Envoyé par Nesmontou

Salut, c'est normal, tu as mis un fond blanc sur l'élément tr

Oui mais je redéfinis le même attribut sur un élement enfant. Le style de TD devrait donc outrepasser celui de TR, non ? C'est d'ailleurs ce qui se passe dans IE.

Envoyé par miya

Je crois que FF n'interprete pas les styles opaques et transparent !

Si c'est bien le cas, c'est quand même dommage car apparemment, l'option transparent existe dans la norme CSS donc Firefox devrait essayer de la respecter.

**kaiser59** · 25/05/2007, 13h24

Salut,

ceci répondra à ta question

Code :

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

1
2
3
4
5
6
7
 
tr
{
 background-color: transparent;
}
 
* html tr{background-color: #ffffff;}

++

Cellule transparente s'affiche mal sous FF

Tableau en CSS

Discussions similaires

Partager

Partager