Sent by Philippe Wittenbergh on 3 May 2006 02:02
On May 3, 2006, at 9:47 AM, francky wrote:
> Simple question: I have a <div>box, and another <div>box inside.
> The #outerbox must have an opacity for FF (css-3, yes), and the
> #innerbox has to stay straight. Is this possible, or is this
> against the
> laws of css?
> Almost forgotten: this is the testpage
> <http://home.tiscali.nl/developerscorner/transparency/test-opacity-
> herited.htm>.
It is against the way it works in CSS 3.
Opacity affects the box as a whole, not only the background(-colour),
but the whole box and its content + border/padding.
Any child of that box will also affected by the opacity-setting on
its parent.
(Opacity is supported by Opera 9 beta, Safari since 1.0 and Gecko
since a long time...).
If you want to 'fix' this, you'd have to move #innerbox out of
#outerbox and use position absolute, somehow.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/