Solved

Make parent div transparent but keep child divs opaque

Posted on 2010-09-17
5
516 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
Comment Utility
On the container DIV CSS do "background: transparent;"
0
 
LVL 21

Expert Comment

by:chapmanjw
Comment Utility
So:





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

Accepted Solution

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

< /div>
0
 
LVL 5

Author Comment

by:knowlton
Comment Utility
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
Comment Utility
Fast and accurate!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

AJAX ModalPopupExtender has a required property "TargetControlID" which may seem to be very confusing to new users. It means the server control that will be extended by the ModalPopup, for instance, if when you click a button, a ModalPopup displays,…
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…
Access reports are powerful and flexible. Learn how to create a query and then a grouped report using the wizard. Modify the report design after the wizard is done to make it look better. There will be another video to explain how to put the final p…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

772 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now