css - overlapping background image -

I have a table with background image using the CSS property background-image. In the table, click the & lt; There are some images using img I images are and tables are above the background image. I would like to see images with background image text as and lt; Overwrite on img . Is this possible?

Code example:

  & lt; Style & gt; # Content {background-image: url ("background-image.jpg"); Double-repeat: repeat-y} & lt; / Style & gt; & Lt; Table id = "content" & gt; & Lt; TR & gt; & Lt; Td> Some text ..... Lesson ..... Text image: & lt; Img src = "quadrado.jpg" /> & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;  

  "I would like to display two images." Like a watermark " Quadrado.jpg! " 

It looks like you want overlay . You can not do this just with CSS. But you can come close by adding this type of style:

  #content {opacity: 0.8; -M-filter: "Progress: DXimage Transforms. Microsoft. Alpha (ambiguity = 80) "; filter: alpha (ambiguity = 80);} #image img {opacity: 0.8; -m-filter:" progressed: dximage transforms. Microsoft. Alpha (ambiguity = 80) "; filter: alpha (opacity = 80);}  

. For more of a true overlay, you have to code it in your HTML or It will have to use javascript to fly.

Take a look at this class to generate overlays for blocks with OverlayTheBackground

Here also.

---

Maybe you should post a picture of what you want.

But, you looks as you need to do to add this style:

  #content img {visibility: hidden}