> Yes. The better approach is to use rgba colors for elements containing text.
> That way only the box is affected and the text (or any other child elements)
> remain unaffected.
>
> RGBA stands for red, green, blue, and alpha. So this declaration renders a
> box
> 80% opaque, while stuff ins
On 21/10/2011 2:15 PM, Elli Vizcaino wrote:
It seems like you get what inherit does/mean and and how it differs
from what happens to child elements of a parent with opacity applied.
Would you know how to explain the difference?
Try this code Elli.
#parent {
color: white;
background: gr
On 10/20/2011 11:33 PM, Al Sparber wrote:
On 10/20/2011 11:04 PM, Elli Vizcaino wrote:
On 10/20/11 12:28 PM, Elli Vizcaino wrote:
What I'm getting at is, if a box element gets an opacity property with
a value of 0.5 for a semi transparent effect, do child elements such
as text
then display
On Oct 21, 2011, at 12:26 PM, Elli Vizcaino wrote:
>> View this testcase and compare the 2 boxes:
>> http://dev.l-c-n.com/_temp/translucent-transparent.html
> Just took a loot at the opacity sample. And of course I used, Firebug to
> inspect code and firebug says that the opacity of 0.5 on the
On Thursday 2011-10-20 20:09 -0700, Elli Vizcaino wrote:
> The photoshop analogy helps me get it but then I guess I must be
> misunderstanding the meaning of inheritance, can you tell me what
> exactly does the definition of inherit mean?
It means that the value of the property gets copied from th
On Oct 21, 2011, at 12:09 PM, Elli Vizcaino wrote:
> The photoshop analogy helps me get it but then I guess I must be
> misunderstanding the meaning of inheritance, can you tell me what exactly
> does the definition of inherit mean?
Here is the CSS 2.1 definition of 'inherit':
http://www.w3.or
On 10/20/2011 11:26 PM, Elli Vizcaino wrote:
Philippe Wittenbergh
http://l-c-n.com/
Just took a loot at the opacity sample. And of course I used, Firebug to
inspect code and firebug says that the opacity of 0.5 on the img has been
inherited from div.a - this is why I'm confused and unsure t
On 10/20/2011 11:04 PM, Elli Vizcaino wrote:
On 10/20/11 12:28 PM, Elli Vizcaino wrote:
What I'm getting at is, if a box element gets an opacity property with
a value of 0.5 for a semi transparent effect, do child elements such as text
then display in the browser at that same semi-transpa
>> That seems like a contradictory statement and leaves me still somewhat
> confused. What I'm getting at is, if a box element gets an opacity property
> with a value of 0.5 for a semi transparent effect, do child elements such as
> text then display in the browser at that same semi-transpare
> I think what it means is the elements get opacity applied - parent and child
> -
> simultaneously as if they were separate elements.
>
> Out of curiosity, if it was inherited, would the opacity amount get
> compounded
> the more levels deep the elements went??
>
> Sent from iOS 5
It se
> On Oct 21, 2011, at 1:28 AM, Elli Vizcaino wrote:
>
>>> As David notes, the descendants of a box with opacity applied don't
> inherit that opacity. The property is applied to the (block) box and all its
> descendants. If what you want is a box with a semi-transparent background and
> /
>
> On 10/20/11 12:28 PM, Elli Vizcaino wrote:
>> What I'm getting at is, if a box element gets an opacity property with
> a value of 0.5 for a semi transparent effect, do child elements such as text
> then display in the browser at that same semi-transparent value?
>> Elli Vizcaino
>>
>
>
On Oct 21, 2011, at 1:28 AM, Elli Vizcaino wrote:
>> As David notes, the descendants of a box with opacity applied don't inherit
>> that opacity. The property is applied to the (block) box and all its
>> descendants. If what you want is a box with a semi-transparent background
>> and / or bord
On 10/20/11 12:28 PM, Elli Vizcaino wrote:
What I'm getting at is, if a box element gets an opacity property with
a value of 0.5 for a semi transparent effect, do child elements such
as text then display in the browser at that same semi-transparent value?
Elli Vizcaino
Try it and see.
--
I think what it means is the elements get opacity applied - parent and child -
simultaneously as if they were separate elements.
Out of curiosity, if it was inherited, would the opacity amount get compounded
the more levels deep the elements went??
Sent from iOS 5
On Oct 20, 2011, at 12:28 PM
>On Oct 20, 2011, at 12:36 AM, Elli Vizcaino wrote:
>
>> If I recall correctly, child elements inherit the opacity property of parent
>> elements. Meaning, any text within a div with an opacity declaration would
>> then also take on the same values. Has this changed with CSS3?
>
>As David notes,
On Oct 20, 2011, at 12:36 AM, Elli Vizcaino wrote:
> If I recall correctly, child elements inherit the opacity property of parent
> elements. Meaning, any text within a div with an opacity declaration would
> then also take on the same values. Has this changed with CSS3?
As David notes, the de
>What happens with opacity isn't inheritance, but it does affect all
>the descendants of an element. When an element has opacity less
>than 1, the element and all of its descendants get drawn into a
>buffer, and then, in a single step, that buffer is drawn with
>opacity onto what's underneath the
I believe this to still be the case.
On Wed, Oct 19, 2011 at 11:36 AM, Elli Vizcaino wrote:
>
>
> Hello CSS Discuss,
>
> If I recall correctly, child elements inherit the opacity property of parent
> elements. Meaning, any text within a div with an opacity declaration would
> then also take o
On Wednesday 2011-10-19 08:36 -0700, Elli Vizcaino wrote:
> If I recall correctly, child elements inherit the opacity property
> of parent elements. Meaning, any text within a div with an opacity
> declaration would then also take on the same values. Has this
> changed with CSS3?
What happens with
20 matches
Mail list logo
