David Hucklesby wrote:
> On Wed, 29 Aug 2007 17:50:00 +0100, Dermot Ward wrote:
>> [...]I've been grappling with this
>> particular problem now for a couple of weeks so here goes with my first post.
>> Is it possible to have a semi - transparent box within a div, that allows
>> the containing
>> div's content to partially show through the box, while the box retains full
>> text
>> opacity?
>
> One way to do this might be to use two DIVs, one superimposed over
> the other. If one DIV has a background color and a fractional opacity,
> while the overlaid DIV has the text and (default) transparent background,
> I think that may work:
>
> HTML
> <div class="background"><!-- --></div>
> <div class="foreground"><p>Some text here ... </p></div>
>
> CSS
> .background {
> height: 10em; /* or ??? */
> background-color: #fff;
> opacity: 0.6;
> }
> .foreground {
> margin-top: -10em;
> color: #000;
> }
>
> Haven't tried this, though. :)
Well, you need to position them both relative to the same parent, and
probably also need to set a higher z-index on the foreground div to make
sure it's above the background div, yes?
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
