Use alpha or opacity on a table row using CSS [migrated]
- by mserin
I have a CSS stylesheet for a webpage. The webpage has a table with a background color of white (set in the rows, not the table). I would like to set the opacity or alpha to 50%. I have tried so many variations, but come up with no luck.
A typical row in the HTML file is:
<tr>
<td> </td>
<td>Twitter</td>
</tr>
The CSS settings for table rows (which works perfectly) is:
tr {
font-family: Arial, Helvetica, sans-serif; background:rgb(255,255,255);
}
To get the alpha, I tried
tr {
font-family: Arial, Helvetica, sans-serif; background-color:rgba(255,255,255,0.5);
}
I have also tried background-color-opacity: 0.5;
Any other suggestions?
