Computer Forums

Computer Forums (http://www.geekboards.com/forums/index.php)
-   Building Websites (http://www.geekboards.com/forums/forumdisplay.php?f=3)
-   -   background-image transparency (http://www.geekboards.com/forums/showthread.php?t=1571)

sanjalee 04-29-2009 11:32 PM

background-image transparency
 
Hey Im having some trouble with some background-images backgrounds not being transparent when used as background-image in css! The images have been formatted okay and theyre backgrounds are transparent when the images aren't used as background-images. Is there a work around to get the images to display as intended as background-images?
Thanks in advance

Ranana_fush 07-01-2009 04:26 PM

background image transparency
 
in your css for each background image you will have something like:Code:background-image:urlthe/background/image.png; or .gif if its a .gif transparent imagebackground-color: #123456;if you remove the "background-color" line, your background image should take over, including the transparency..

bt-t 07-29-2009 03:41 AM

Quote:

Originally Posted by Ranana_fush (Post 9867)
iif you remove the "background-color" line, your background image should take over, including the transparency..

I have ahd the same problem and following that I fix it... Thanks guys :-)

grinter 08-14-2009 03:40 PM

Do you have a link to the website so I can take a look at your source code and css file. It would help to sift through the code to look for problems.

atilla22 08-18-2009 05:01 PM

Ranana's suggestion should work. All he needs to do is remove the background color because it's conflicting with the image's transparency.
________
storz & bickel volcano vaporizer

samlko 06-05-2010 06:59 AM

If you are using transparent image for a webpage, then there is no need to set background color for a image as it will display the background color of the webpage....


All times are GMT -5. The time now is 09:16 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
HTML Help provided by HTML Help Central.