Old 07-03-2008, 15:10   #1 (permalink)
Zygote76
Senior Member
 
Zygote76's Avatar
 
Join Date: Oct 2007
Location: Ohio
Posts: 194
Opacity divs

Hey guys I'm trying to make my divs and wrapper have a low opacity so that a background image can be seen behind them. Problem is when I do this everything (text/ et al) adopt this same opacity. I guessing that I would have to create another div within a div to prevent this from happening. My problem is that this starts making the site div happy. Does anyone know a way around this? Thanks for any advice you can give.

Zygote
  Reply With Quote
Old 07-03-2008, 15:26   #2 (permalink)
herkalees
Semantics, yay.
 
herkalees's Avatar
 
Join Date: Nov 2005
Location: Salem, Massachusetts
Posts: 1,129
You can't even do that. Any child-div of a parent-div that has reduced transparency will also have reduced transparency. Welcome to the cascade.

This is how you get it done: Cross-Browser CSS Transparency with Opaque Content
__________________
  Reply With Quote
Old 10-03-2008, 13:23   #3 (permalink)
Zygote76
Senior Member
 
Zygote76's Avatar
 
Join Date: Oct 2007
Location: Ohio
Posts: 194
Thanks Herk!
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8