Печать CSS отказывается скрывать элементы

Question

Я использую простой CSS в современных браузерах: IE 9 и Firefox 10.

<link href="/css/print.css" media="print" rel="stylesheet" type="text/css" />

С этим контентом это работает.

@media print
{
    #wrap, div.push, div.footer, div.barra_sopra_datatables, div.fg-toolbar, img{
        display: none;
    }   

    body {
        font-size: 10pt;
    }

     * {  
     margin: 0;  
     padding: 0;  
    }  


}

Мне нужно скрыть некоторые столбцытаблица, так что просто для тестирования я попробовал

tr:first-child {
    display: none;
}

, но он скрывает все элементы tr.

Я также пробовал td:first-child и table tbody tr td:first-childи другие селекторы, и все они терпят неудачу .Мне нужно поддерживать совместимость с IE 8. kimblim.dk говорит, что IE 8 поддерживает эти селекторы, так почему же он не будет работать?Я не пытаюсь установить цвет фона, который многие указали, не работает.

Answer 1

Я думаю, что вы не можете просто не отображать ячейки таблицы.
display:none означает, что не отображать его вообще, так что делайте так, как его не было бы в первую очередь.Возможно, браузер считает, что если первого столбца больше нет, следующий столбец является новым первым, а затем он также скрывает эти столбцы.

Попробуйте присвоить ячейке таблицы класс hide-in-print изатем

@media print {
  .hide-in-print {
    display: none;
  }
}

Возможно @media print не полностью поддерживается IE.Если это правда, попробуйте условные комментарии.