Hello world,

Voilà mon problème. J'ai un site avec une image de fond. Je souhaite que les tableaux que j'utilise dans mon site soit semi transparent. Pas de problème, j'ai trouvé le code css permettant de le faire.

Petit problème, si je met une image dans le tableau, elle deviendra elle même transparente. C'est pas vraiment top. J'aiéssayé de créer une classe css avec une opacité de 1 et de l'appliquer à l'image, mais celle ci reste déséspérement transparente.

Quelque a une idée? Voici un exemple de page résumant le problème :

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
 
<!-- Test de page avec fond, tableau transparent et image -->
 
<html>
	<style type="text/css">
	<!--
		body{background-image:url(images/divers/fond_accueil.jpg); background-repeat:no-repeat;  color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:center; font-size:10px;}
		td.tabTransparent{background-color:#3d3d3d; color:#FFFFFF; width:100%; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; border-style:solid; border-width:1px; border-color:black;}
	-->
	</style>
 
	<body>
	<table>
	<tr>
	<td class="tabTransparent">
		<img src="images/liens/aliveban.jpg" />
	</td>
	</tr>
	</table>
	</body>
</html>
Merci d'avance