Back Javascript

Grid-a-licious and IE8 rendering issue

WRITTEN BY ON 02 Jun 2014
6,711 VIEWS • SHARES
1 comment

Grid-a-licious is a great script. I use it because of its responsive layout support. It calculates the column and width automatically, and it saves plenty of time to make responsive grid layout.

It works perfectly in Chrome, Firefox, Safari and Modern IE except IE8 and below. IE8 is old, but my client want the grid layout works in IE8 too. 

Did a few search until I saw a post created by Sue Feng. She modified the code and managed to make it support IE8 too, but she is using an old version of Grid-a-licious build. It's a good start, sent her email and also de-minified hers JS code and discovered this:

Simple solution, simply open grid-a-licious javascript file, and search for this:

'alpha(opacity=1)'
And replace it with:
'alpha(opacity=100)'

It's just a CSS issue afterall. :) 

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

1 comment
onlygio 9 years ago
Great, you save my time!
Reply