- From: Florian Rivoal <florian@rivoal.net>
- Date: Thu, 21 Apr 2016 18:03:48 +0900
- To: Amelia Bellamy-Royds <amelia.bellamy.royds@gmail.com>
- Cc: "www-style@w3.org list" <www-style@w3.org>
> On Apr 21, 2016, at 15:31, Amelia Bellamy-Royds <amelia.bellamy.royds@gmail.com> wrote:
>
> For this kind of use cases, especially the first one, I think a pseudo class that matches on images that fail to load would be easier to use than a media query.
>
> An element pseudoclass does have the benefit of applying to broken links as well as no-image settings. Mozilla already has a prefixed pseudoclass for this case. However, it puts constraints on which *other* elements you can effect with the selector (needs to be a direct sibling after the missing image in the DOM tree). This limits the use for doing things like un-hiding text labels and captions. Still better than nothing, of course.
Right. Maybe we could make something along these lines to work, and it would solve the problem:
<style>
label[for] { display: none; }
image:failed-to-load { display: none; }
label:for(image:failed-to-load) { display: block; }
</style>
<label for="foo">This is my nice image</label>
<img src="....." alt="...." id="foo">
Received on Thursday, 21 April 2016 09:04:14 UTC