#position:fixed

[ananiujitha]

So pubmed has introduced a new interface. It’s not accessible.

It’s got a position:fixed feedback button which (a) hurts because it’s bright and doesn’t scroll with the rest of the page and (b) hurts if I try to send feedback, and type in a description, because it painimates a list of related items. And if I try to narrow a search it flashes and animates as it reloads.

[llptips]

Making fullscreen overlays without JavaScript

In case you were wondering how to make a fullscreen overlay with pure CSS and you don't have to worry about browsers that don't support position:fixed, this code should do the trick (if you make sure your html, body is set to 100% height):

#overlay { position:fixed; top:0; left:0; bottom:0; right:0; }