Opacity kun på baggrunden..?
Hej..Jeg er ved at lave noget design, med et simpelt pattern som baggrund. Jeg vil så have en grå tabel, som der er ca 50% gennemsigtig. Jeg har lavet noget, men så bliver teksten i tabellen også 50% gennemsigtig, og den skal slet ikke være gennemsigtig. Håber i ved hvad jeg mener, her kommer mine koder lige:
### default.php :
<html>
<head>
<title>Tagwall v1.0 - Tommy Holm Jacobsen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="./styles/default.css">
</head>
<body>
<table width="800" cellpadding="0" cellspacing="0" align="center" class="head">
<tr>
<td class="opacity">
<div align="center" class="overskrift">Tagwall v1.0</div>
<div align="center" class="text">Lavet af, Tommy 'ether' Holm Jacobsen</div>
<div align="left" class="text"><b><a href="./add_tag.php">Tilføj besked..</a></b></div>
</td>
</tr>
</table>
</body>
</html>
### default.css
BODY {
background: url('../images/pattern.GIF');
}
A:link, A:visited, A:active {
text-decoration: none;
color: #000000;
font-weight: none;
}
A:hover {
text-decoration: none;
color: #333333;
font-weight: none;
}
.head {
border: solid 1px #000000;
padding: 2;
}
.overskrift {
font-family: verdana;
font-size: 20px;
font-weight: bold;
color: #000000;
}
.text {
font-family: verdana;
font-size: 10px;
font-weight: none;
}
.opacity {
background: #333333;
filter: alpha(opacity=50);
}
På forhånd tak.
Mvh. Tommy Holm Jacobsen
aka. ether
