Solved

Make parent div transparent but keep child divs opaque

Posted on 2010-09-17
5
519 Views
Last Modified: 2012-06-21
Please visit this site:

http://www.witotdesign.com

Go to the Portfolio tab.  Notice the area where pictures are displayed does not allow the blue "squiggly" background to show through.

How can I change this so that the thumbnails and main image stay "opaque" but the parent container is transparent?

The Portfolio is being generated by a jQuery script which I got from this site:

http://www.twospy.com/galleriffic/


In my attached screenshot, the areas circled in red are supposed to be "on top" and the area behind them should be transparent and show the background.

I tried applying CSS to the parent container to make it transparent at one point, but it made all of it's children transparent as well.  And I have not been able to determine how to keep the children opaque.

Many thanks!

Tom  
transp.jpg
0
Comment
Question by:knowlton
  • 3
  • 2
5 Comments
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33701834
On the container DIV CSS do "background: transparent;"
0
 
LVL 21

Expert Comment

by:chapmanjw
ID: 33701844
So:





Right now you probably have it set to #FFFFFF or White.
0
 
LVL 21

Accepted Solution

by:
chapmanjw earned 500 total points
ID: 33701848
< div style="background: transparent;">

< /div>
0
 
LVL 5

Author Comment

by:knowlton
ID: 33703046
Perfect!

That was all I needed to do!

Now...do you mind answering just one other question?  


For the same site, when you go to the Portfolio page again, I want to bring the links for "Play Slideshow" and "Previous Photo" "Next Photo" closer together.  Can this be accomplished?

Also, the "main image" that appears when you click one of the thumbnails on the left hand side...I want to have it more at the top and more to the left...perhaps aligned with the the letter "P" in the link for  "Play Sideshow" and then maybe 50 or 100 px below it.
0
 
LVL 5

Author Closing Comment

by:knowlton
ID: 33703059
Fast and accurate!
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
Email security requires an ever evolving service that stays up to date with counter-evolving threats. The Email Laundry perform Research and Development to ensure their email security service evolves faster than cyber criminals. We apply our Threat…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question