W3C home > Mailing lists > Public > public-openannotation@w3.org > January 2013

Re: Style CSS Challenge!

From: Robert Sanderson <azaroth42@gmail.com>
Date: Thu, 24 Jan 2013 15:49:15 -0700
Message-ID: <CABevsUFPC0WMG-GpKKabr4ALHbgfR-RhceD0q1rUg57M+WVMOA@mail.gmail.com>
To: Anna Gerber <agerber@itee.uq.edu.au>
Cc: public-openannotation <public-openannotation@w3.org>
Hooray, thank you!

So the spec should say that pseudo elements that are defined
associated with the class associated with the specific resource should
also be processed, and it would all be good. I think?

Rob

On Thu, Jan 24, 2013 at 3:38 PM, Anna Gerber <agerber@itee.uq.edu.au> wrote:
>
> The approach that immediately comes to mind would be to use a CSS
> pseudo-element to create an overlay element that masks the other content.
>
> Here's an example showing some CSS to mask text content where the segment of
> interest is the span with the styleClass 'selected'):
>
> http://jsfiddle.net/AnnaGerber/eQAC3/
>
> I'll have to think a bit more about how to do this with images.
>
> Anna
>
> On 25/01/2013, at 6:26 AM, Robert Sanderson wrote:
>
> Dear all, and especially any lurking CSS gurus,
>
> One of the frequently expressed use cases for Style is to dim the rest
> of the resource, rather than put a border or color over top of the
> segment of interest.  Especially for images, where a semi-transparent
> color could obscure the features that are being annotated.
>
> So, the challenge ... is there a way using CSS to natively express
> this sort of thing?  If not, do we need to add a second property to
> give the class to apply to everything except the segment?  For example
> oa:styleClass is the class to apply to the segment and
> oa:inverseStyleClass is the class to apply to everything else.
>
> Many thanks!
>
> Rob
>
>
Received on Thursday, 24 January 2013 22:49:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 24 January 2013 22:49:48 GMT