html - Background color of parent tr of table not working if its child cells(td) are invisible, for chrome browser -
html - Background color of parent tr of table not working if its child cells(td) are invisible, for chrome browser -
i have case in jsfiddle: http://jsfiddle.net/n5s53v32/6/
html:
<table> <tr> <td>td 1</td> <td>td 2</td> <td class="last">td 3</td> </tr> <tr class="bg"> <td>td 1</td> <td class="hide">td 2</td> <td class="last">td 3</td> </tr> <tr> <td>td 1</td> <td>td 2</td> <td class="last">td 3</td> </tr> </table>
css:
.bg{background: red; } .hide{visibility:hidden; }
if kid cells(td) of tr set invisible background color of parent tr on invisible portion not work in chrome browser, working in firefox.
edit: js fiddle updated http://jsfiddle.net/n5s53v32/11/
demo - http://jsfiddle.net/n5s53v32/7/
use opacity
.hide { opacity:0; }
html css
Comments
Post a Comment