visiblity:hidden of table-cell hides background-color of parent table-row

Question

I have some forms that are structured using display:table-row and display: table-cell. On Firefox 52, I could hide a cell element using visib

Answer 1

Follow the structure

#tableRow ul {
    display: table-row;
    background-color: #f5f5f5;
}
#tableRow ul li {
    display: table-cell;
}

#hide {
    visibility: hidden;
}

    

  

Visible

    
    

Not visible

    
    

Visible