Home/ Questions/Q 4064716
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T15:53:28+00:00

Can I place a background image using CSS on a <tr> tag? Will this

  • 0

Can I place a background image using CSS on a <tr> tag? Will this background image show across all browsers?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML:

    <table>
    <tr>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
        <td> &nbsp; </td>
    </tr>
</table>

    CSS:

    table { 
    width:300px; 
    height:200px; 
    border:3px solid blue;
}

tr {
    background-image:url(http://dummyimage.com/300x200/f00/000);
    display: block;  
    height: 100%;
}

    Live demo: http://jsfiddle.net/simevidas/Jk5BE/5/

    Source: http://code.google.com/p/chromium/issues/detail?id=44361

    For this to work, you have to set the row height. In my demo, I’ve set it to 100%, because there is only one row in my table. If you have multiple row, set the height of the row to the height of the background-image.

    • 0