Skip To Content Demo – Old Browser Support

An extension of the technique from our demo for our skip to content article on CSS-Tricks which demonstrates semantic markup, improved keyboard focus visibility and a skip link that works with older browsers. This technique should work for almost everyone unless you are a bit fan of IE6 and below (and if you are then check out this article from 2009). It looks a little different as we've also removed other new-browser-only CSS such as flex, rem and object-fit.

Hero image from PlaceIMG.

If (like me) you are curious as to how this works on IE7 then you will need to use this non-ssl version of the demo.

Want to fiddle with the code?

You will find it easier to use the CodePen version.