A note about compatibility and css3 selectors

27December2010

Written by Administrator

Democontent - Setting Up

The Journal template takes advantage of a few different css3 seelctors that will render flawlessly in all modern and intelligent browsers - namely firefox, safari, chrome and opera. However, the rounded edges and text shadow on some of the elements will not display in internet explorer 6, internet explorer 7 or internet explorer 8.

Rather than add extra javascript or convert these features to image based solutions we have chosen to allow these features to degrade gracefully. This in effect means that the shadow on the text will not display and nor will the rounded edges on the social icons and read more buttons.

For more information regarding the philosophy behind graceful degradation or progressive enhancement in web design please read this post on A list apart.