March 4, 2012
Newbie: Why the Color of the Background Pattern .png image is not changing?
Question by cupcake
I have browsed many questions here but none of them is relevant to this query.
I am just trying to Change the color of a Background .png image. But its color is Not Changing. Then, I convert the .png image To .gif format & tried again. But this time too, the color of .gif image Not change.
Image Link = http://www.flickr.com/photos/34259785@N00/6803476044/
Please tell that Why the color of image is Not Changing. Following is the code: –
background-color: #3399FF;
background-image: url("images/diagonal_striped_brick.gif");
Answer by Starx
Just made a demo. The image you are using is not transparent.
Update: How to make the image transparent?
- Open the image with an image editor like photoshop.
- Changed the opacity value of image
- Save it as .png for better quality.
Now, the code from above will be able to give you the desired affect.
