Bonjour a tous,
j'ai un probleme pour coder un tableau un peu particulier en HTML.
Je voudrais rendre le fond du tableau transparent et faire en sorte que certaines cellules du tableau ne soient pas transparentes. Mon prob est que les cases qui doivent etre opaques ne le sont pas. Dans mon exemple ci-dessous, il y a toujours une nuance de noir.
Je mets le code en-dessous.
Merci de vos aides
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
<style type="text/css" media="screen">
<!--
body
{ background-color: black;}
#case_trans{
filter : alpha(opacity=5);
-moz-opacity : 0.5;
opacity : 0.5;
font-size:20px;
font-family:"Arial Black",Arial,sans-serif;
color: white;
background: red ;
}
#case_opaque{
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
font-size:20px;
font-family:"Arial Black",Arial,sans-serif;
color: white;
background: red ;
}
#tableau_trans{
filter : alpha(opacity=5);
-moz-opacity : 0.5;
opacity : 0.5;
background: transparent ;
border: 2px solid yellow;
width: 300px;
height: 200px;
}
#tableau_opaque{
background: blue ;
border: 2px solid yellow;
width: 300px;
height: 200px;
}
-->
</style>
</head>
<body>
<div id="tableau_trans">
<table>
<tr>
<td>
<div id="case_opaque">
Texte OPAQUE
</div>
</td>
</tr>
<tr>
<td>
<div id="case_trans">
TEXTE TRANSPARENT
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Configuration: Linux
Firefox 2.0.0.4
Activer transparence sous photoshop
