fix-ie-css-limit

Live demos for JavaScript plugins & modules by Amphiluke

Here is a demo page using fix-ie-css-limit, a snippet which helps to fix the well-known problem in IE < 10, when a number of cascading style sheets per document exceeds 31.

This document uses more than 50 external style sheets (use Firebug or Webkit developer tools to make sure of it). IE 6–9 support 31 style sheets as a maximum, but the snippet fix-ie-css-limit allows you to get over this restriction. The snippet is proven to work in IE 6 and higher. Note however that the current page uses the data:uri scheme to attach 50 additional stylesheets (I didn't want to heap up the server with fifty test CSS files), so please do not try to test this demo in IE 7 or older, as they do not support data:uri.

Please use Internet Explorer 8 or 9 to test this page appropriately.

Example: Color Table

Each cell of the below table has its own CSS class, each declared in a separate style sheet. The table wouldn't be fully colored if you turn off the snippet fix-ie-css-limit. The snippet fix-ie-css-limit is now disabled. So you can see, that some colors aren't displayed since the corresponding classes are declared in the style sheets being ignored by IE owing to their large number. You may now enable the snippet to fix the problem.

AliceBlue	AntiqueWhite	Aqua	Aquamarine	Azure
Beige	Bisque	Black	BlanchedAlmond	Blue
BlueViolet	Brown	BurlyWood	CadetBlue	Chartreuse
Chocolate	Coral	CornflowerBlue	Cornsilk	Crimson
Cyan	DarkBlue	DarkCyan	DarkGoldenrod	DarkGray
DarkGreen	DarkKhaki	DarkMagenta	DarkOliveGreen	DarkOrange
DarkOrchid	DarkRed	DarkSalmon	DarkSeaGreen	DarkSlateBlue
DarkSlateGray	DarkTurquoise	DarkViolet	DeepPink	DeepSkyBlue
DimGray	DodgerBlue	FireBrick	FloralWhite	ForestGreen
Fuchsia	Gainsboro	GhostWhite	Gold	Goldenrod

Example: Color Table

Links