Solved

Make parent div transparent but keep child divs opaque

Posted on 2010-09-17
5
521 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:Tom Knowlton
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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:Tom 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:Tom Knowlton
ID: 33703059
Fast and accurate!
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

In an ASP.NET application, I faced some technical problems. In this article, I list them out and show the solutions that I found.  I hope it will be useful. Problem: After closing a pop-up window, the parent page should be refreshed automaticall…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

687 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