Short version of the question: Does any one know how to apply a solid background color with a transparent PNG background Image and NOT have the solid color over-ride the transparency of the PNG.
Link to the site in question:
http://www.eps.johncliffordtaylor.com/
.bg-cont {
/*Adding the #CD3740 to the background rule destroys the transparency*/
background:<strong>color goes here</strong> url(images/bg-cont.png) top repeat-x;
border:4px solid #f8f6f1;
overflow:hidden;
padding-bottom:20px;
}
Question:
I’m sure this has been done but I’m having a bit of a hard time pulling off an effect. PNG Image with about 80 percent transparency set to repeat-x, the Img is a gradient that fades to a solid color: #CD3740 at bottom. Even thought the background Image is quite long this site is for a CMS and I’m worried about the client and stuff starting an extra long blog post the reviles the bottom of the background Image. I’ve left the example of the of this here:
http://www.eps.johncliffordtaylor.com/
Does any one know how to apply a solid background color with a transparent PNG background Image and NOT have the solid color over-ride the transparency of the PNG.
Namaste and thank you in advance for all your help,
John
