Question

I have

...
<table>
<tbody>
<tr style="display: none;" class="print_display"><td>stuff ....</td>/tr>
</tbody>
</table>

problem is i can’t unhide it in IE8
i have a print_css that kicks in when user tries to print and it has

tr.print_display
    {
        border: 1px solid;
        display: table-row !important;
        visibility: visible !important;   /* IE bug*/
    }

nothing works

Is it possible to unhide it with css only?

Answer 1

Try:

tr.print_display
    {
        border: 1px solid;
        display: block !important;
    }

Also your markup is invalid. Replace with:

<tr style="display: none;" class="print_display"><td>stuff ....</td></tr>

I’m using </tr> instead of /tr>

http://jsfiddle.net/8jqHE/