• 0
Sign in to follow this  
Followers 0

Div Background Transparency

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0