Firefox bug

Caption element does not have opacity applied

by James Long

HTML

<table>
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Heading 1</th>
            <th>Heading 2</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Footer 1</th>
            <th>Footer 2</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <th>Content 1</th>
            <th>Content 2</th>
        </tr>
    </tbody>
</table>

CSS

table {
    color: red;
    opacity: 0.5;
}