Can You Fix a Background Image to the Bottom of a Table?

Question: Can You Fix a Background Image to the Bottom of a Table?

I received the following question from Chris:

Is it possible in a table to have the background of it be fixed at the bottom of it? If so, how?

Answer:

Fixing a background image to the bottom of a table works the same way you would fix a background image to the bottom of any other block-level element. You use the background-image, background-repeat, and background-position CSS properties.

First you attach the image to your table:

<table style="background-image: url(image.gif);">

Then you tell the browser not to repeat the image:

<table style="background-image: url(image.gif); background-repeat: no-repeat;">

And finally, you position that image at the bottom of the table:

<table style="background-image: url(image.gif); background-repeat: no-repeat; background-position: bottom;">

See an example table with a background image at the bottom.