Internet Explorer version 9 or below doesn't support CSS3 transition, nor CSS3 3D transforms, so this project can hardy be emulated on those browsers. We can however implement basic picture navigation while hiding all the other options. To achieve this, let's take advantage one more time of the conditional comments and substitute <html>
with the following lines:
<!--[if lte IE 9]> <html class="lteie9"> <![endif]--> <!--[if !IE]> --> <html> <!-- <![endif]-->
Next we need to add support for Internet Explorer 8 to some CSS3 selectors we used during the project. To do so, we have to add a library called Selectivizr (http://selectivizr.com/) that uses JavaScript to support most of the new CSS3 selectors. Selectivizr depends on jQuery, so we need to add it too. Lastly, we need to use a polyfill to make Internet Explorer 8 support the new HTML5 elements. The following is the snippet of code required to insert these three libraries...