Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Make parent div transparent but keep child divs opaque

Posted on 2010-09-17
5
Medium Priority
?
526 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
  • 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 2000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
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 …
Integration Management Part 2
When cloud platforms entered the scene, users and companies jumped on board to take advantage of the many benefits, like the ability to work and connect with company information from various locations. What many didn't foresee was the increased risk…
Suggested Courses

564 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