tapestry-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Jochen Kemnade <jochen.kemn...@eddyson.de>
Subject Re: Page loading mask
Date Tue, 02 Sep 2014 12:54:15 GMT
Am 26.08.2014 23:45, schrieb Howard Lewis Ship:
> I'm adding the opacity so it looks like something on IE.

Getting closer. In fact, I think we want opacity:0; for browsers that 
support CSS transitions, opacity:0.25 for IE9 and the alpha filter for IE<9.
In my webapps, I add additional style attributes to my layout, wrapped 
in conditional comments. Of course, we could also add additional 
stylesheets.

>
>
> On Mon, Aug 11, 2014 at 6:02 AM, Jochen Kemnade <jochen.kemnade@eddyson.de>
> wrote:
>
>> Am 08.08.2014 17:04, schrieb Howard Lewis Ship:
>>
>>   Possibly we need to break the definitions into two parts, more like
>>> Bootstrap, with the main version, plus an equivalent to Bootstrap's
>>> "fade".
>>>    The point is to delay the fade in by a moment, so that there's no
>>> visible
>>> effect for fast loading pages.
>>>
>>
>> Yes, but that isn't the case for recent Firefoxes at least, because they
>> ignore the prefixed versions of the transition CSS attributes. So they'll
>> show the mask at once.
>> I've got a working CSS only solution, where the delayed fading should work
>> in Firefox, IE10+ and Chrome. I just added the non-prefixed attributes for
>> that.
>> IE9 can be made to work with a conditional style tag, but the delay won't
>> work there, so the mask is also shown for fast-loading pages.
>> For IE8, we could probably use an Alpha filter but I haven't tried that
>> (and, to be honest, won't).
>>
>> Jochen
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: dev-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: dev-help@tapestry.apache.org
>>
>>
>
>


---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@tapestry.apache.org
For additional commands, e-mail: dev-help@tapestry.apache.org


Mime
View raw message