views:

64

answers:

2

I have a table with a background image using css property background-image. In table I have some images using the <img. Images <img table are above the background image. I would like the background image overwrite the images <img as with the text. Is that possible?

Code Example:

<style>
#content { background-image:url("background-image.jpg"); background-repeat:repeat-y} 
</style>

<table id="content">
<tr>
  <td>Some text.....text.....text
    Image: <img src="quadrado.jpg" />
  </td>
</tr>
</table>
A: 

I'm not sure I understand the question completely, but if you want the background image to show through parts of the content images, you will need to use png's or gif's as they permit parts of the image to be transparent and jpg's don´t.

jeroen
+1  A: 
Brock Adams
I would like to display the two images. The background image above the quadrado.jpg ! Like a watermark. Thanks
Douglas V. Pasqua
Ok, I updated my answer.
Brock Adams
Oops, the demo page had a race condition, so it didn't always measure locations correctly (when pulling off the web instead of my intranet). It should be fixed now.
Brock Adams
Thanks, this post helped me a lot.
Douglas V. Pasqua