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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -