CSS col visibility: сбой не работает на Chrome

Я пытаюсь скрыть код col в html-коде. Использование MDN colgroup и col добавлено, и я играю со стилем cols.CSS col visibility: сбой не работает на Chrome

<td> с текстом содержания «видно» отображается во всех браузерах (хорошо), текст содержания «скрыт» отображается в хроме (плохо) и скрыт в Firefox и Edge. (хорошо).

Кратчайший код, который я мог бы повторно создать проблемы здесь:

<!doctype html> 
<html> 
    <head> 
     <title>css example</title> 
     <style type='text/css'> 
      col.visible {} 
      col.hidden { visibility:collapse; } 
     </style> 
    </head> 
    <body> 
     <table border='1'> 
      <colgroup> 
       <col class='visible'> 
       <col class='hidden'> 
       <tbody> 
        <tr> 
         <td>visible</td> 
         <td>hidden</td> 
        </tr> 
       </tbody> 
      </colgroup> 
     </table> 
    </body> 
</html>

источник

2017-02-22 Guy Dafny

Вы правы, хром не обеспечивает надлежащую поддержку видимости: сбой для строк и столбцов таблицы - следуйте за обновлениями bug. Мы планируем заняться этим в ближайшие несколько месяцев, но он, вероятно, не появится в стабильном состоянии до конца 2017 года. Извините за плохие новости.

источник

2017-02-22 17:29:36 dgrogan

visibility: collapse не должны быть отнесены к col, но td. Это будет работать нормально:

td.hidden { visibility:collapse; }

<body> 
 
     <table border='1'> 
 
      <colgroup> 
 
       <col> 
 
       <col> 
 
       <tbody> 
 
        <tr> 
 
         <td>visible</td> 
 
         <td class='hidden'>hidden</td> 
 
        </tr> 
 
       </tbody> 
 
      </colgroup> 
 
     </table> 
 
    </body>

Если вы хотите, чтобы скрыть все td с от конкретного col, используйте td:nth-of-type(n) селектор (заменяющий n с порядковым номером столбца).

источник

2017-02-22 15:22:18 Senthe

Неправильно. По W3, см. Следующий: https://www.w3.org/Style/Examples/007/folding.en.html#view05 –

Хорошо, это скорее обходной путь, потому что на самом деле он отлично работает в Chrome. Извините за дезинформацию. – Senthe

Это именно то, что я сделал, как только дгроган написал свой ответ. –

CSS col visibility: сбой не работает на Chrome

ответ

Смежные вопросы