Solved

Make parent div transparent but keep child divs opaque

Posted on 2010-09-17
5
518 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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

I recently went through the process of creating a Calendar Control of events with the basis of using a database to keep track of the dates that are selectable, one requirement was to have the selected date pop-up in a simple lightbox.  At first this…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
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…

831 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