Div Background Transparency

[mikec415 0]

Hey, How do I make only the background of a div transparent and not the content (i.e. video and images). Here is the domain of my site: http://www.dwillzmusic.com I want the centered white square to be transparent and everything within it to remain solid. This is not a pagelines theme but I am a pagelines customer for my other site. Any help with this change would be greatly appreciated. Thanks. Mike

[cmunns 16]

use a transparent png image as the background and not a color.

[mikec415 0]

Adam, Thanks for your help. How do I create a png image of a semi-transparent white block without photoshop? Mike

[catrina 103]

Do you have any other image programs or access to any?

[mikec415 0]

Thanks guys. I had someone make an image for me on photoshop. Works great.

[srusnak 0]

For future reference, you can make a small background image in Photoshop (ie: paint it black, toggle to the desired transparency in the layers option for the black layer) and save it as .png. This will retain the opacity and you can set that as the background for the div. I am not sure about other image programs, you can also look up free transparent backgrounds that are already saved as .png files. As another note, you cannot use the opacity css code because it will pass down to anything inside the div, this is why your media went transparent too. The above solution is the best bet, this will also ensure that it works in most browsers.