Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #14332 > unrolled thread

filter: inherit

Back to article view | Back to comp.lang.javascript

Contents

  filter: inherit Andrew Poulos <ap_prog@hotmail.com> - 2012-06-05 13:13 +1000
    Re: filter: inherit Holger Suhr <holgerholgerde@yahoo.de> - 2012-06-06 11:49 +0200
      Re: filter: inherit Andrew Poulos <ap_prog@hotmail.com> - 2012-06-06 22:36 +1000

#14332 — filter: inherit

With IE 8 if I have this

.fadein {
   filter:alpha(opacity=0);
}

<div id='a'
   class='fade'
   style="position:absolute; [size and position]>
     <div
       style="filter:inherit; position:absolute; [size and position]'>
       [content]
     </div>
</div>

both 'a' and 'b' are transparent (which is as expected) but if I have this

<div id='a'
   class='fade'
   style="position:absolute; [size and position]>
     <div
       style="position:absolute; [size and position]'>
       [content]
     </div>
</div>

and then onload set

document.getElementById('a').getElementsByTagName('div')[0].filter = 
"inherit";

the inner DIV stays as opaque. Why doesn't the inner DIV inherit the 
style filter of its parent?

Andrew Poulos

[toc] | [next] | [standalone]

#14352

Am 05.06.2012 05:13, schrieb Andrew Poulos:
> With IE 8 if I have this
>
> .fadein {
> filter:alpha(opacity=0);
> }
>
> <div id='a'
> class='fade'
> style="position:absolute; [size and position]>
> <div
> style="filter:inherit; position:absolute; [size and position]'>
> [content]
> </div>
> </div>
>
> both 'a' and 'b' are transparent (which is as expected) but if I have this
>
> <div id='a'
> class='fade'
> style="position:absolute; [size and position]>
> <div
> style="position:absolute; [size and position]'>
> [content]
> </div>
> </div>
>
> and then onload set
>
> document.getElementById('a').getElementsByTagName('div')[0].filter =
> "inherit";
>
> the inner DIV stays as opaque. Why doesn't the inner DIV inherit the
> style filter of its parent?
>
> Andrew Poulos

are
".fadein {"
and
"class='fade'"
correct?


with
getElementsByTagName('div')[0].filter =
you are changing the outer (first) div
I think
getElementsByTagName('div')[1].filter =
will do it (in this example).

Holger

[toc] | [prev] | [next] | [standalone]

#14356

On 6/06/2012 7:49 PM, Holger Suhr wrote:
> Am 05.06.2012 05:13, schrieb Andrew Poulos:
>> With IE 8 if I have this
>>
>> .fadein {
>> filter:alpha(opacity=0);
>> }
>>
>> <div id='a'
>> class='fade'
>> style="position:absolute; [size and position]>
>> <div
>> style="filter:inherit; position:absolute; [size and position]'>
>> [content]
>> </div>
>> </div>
>>
>> both 'a' and 'b' are transparent (which is as expected) but if I have
>> this
>>
>> <div id='a'
>> class='fade'
>> style="position:absolute; [size and position]>
>> <div
>> style="position:absolute; [size and position]'>
>> [content]
>> </div>
>> </div>
>>
>> and then onload set
>>
>> document.getElementById('a').getElementsByTagName('div')[0].filter =
>> "inherit";
>>
>> the inner DIV stays as opaque. Why doesn't the inner DIV inherit the
>> style filter of its parent?
>>
>> Andrew Poulos
>
> are
> ".fadein {"
> and
> "class='fade'"
> correct?

Yes, its a typo.

> with
> getElementsByTagName('div')[0].filter =
> you are changing the outer (first) div
> I think
> getElementsByTagName('div')[1].filter =
> will do it (in this example).

I believe its another shortcoming in IE 8. I "fixed" it by applying 
filter=inherit in CSS (wrapped in conditional comments) using "div.fade 
div" as the selector. Using js to apply the filter wouldn't seem to work.

Andrew Poulos

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web