Linuchs: Hintergrund durchscheinend (opacity), Vordergrund bitte nicht

Beitrag lesen

Hallo,

wenn ich den Hintergrund einer Tabelle durchscheinend mache, ist auch die Schrift durchscheinend.

Also setze ich einen durchscheinenden div um die Tabelle. Da sich opacity vererbt, muss ich die Tabelle selbst mit opacity:1 defineren.

Das klappt aber nicht, die Schrift ist weiterhin durchscheinend (Firefox, Opera):

div.background {  
  background: #fff;  
  opacity: 0.2;  
}  
table.liste {  
  width: 100%;  
  opacity: 1;  
}  

<div class=background><table class=liste width=100%>  
<thead><tr>  
  <td>Staat</td>  
  <td>Ort</td>  
  <td>Name</td>  
  <td>Zeit</td>  
  <td>HP</td>  
</tr></thead>  
...  
</table></div>