How to stretch background image of a table cell with CSS?

Question

How can I stretch background image of a table cell with CSS? I have Googled without results.

When you set background image of a cell and the background size is smaller than the cell, then it will be repeated.

How can I force this background to stretch the entire table cell instead?

Answer 1

You can't stretch a background image.

If you want to stretch an image, you have to put it in an img tag. You can use absolute positioning to put content on top of the image.

Answer 2

It is possible to stretch a background image using vendor-specific CSS 3 rules. Not supported by older browsers and IE, though, so it's of very limited use at the moment.