With ‘The CSS3 Anthology’ example, I was hoping to be able to style rows in a table using the Selectivizr method as mentioned so the rows will be colored in IE7 & 8, since ‘nth-child()’ is not supported by these browsers.
Following the instructions, (page 277), I receive an error from IE7 & IE8:
"Line 5
Char 2109
Error: Object doesn’t support this property or method
Code: 0
URL: blah, bla, blah:
Here’s the code that loads in my header:
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript" src="/media/system/js/selectivizr-min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Th source of the code has the correct path because I was able to view the file via my browser, so I know the path to the .js file isn’t the problem and I have JavaScript enabled (I’m using IETester).
I must say that this isn’t the only time I’ve attempted to use a tool published within the book. I’ve tried using PIE.htc for border-radius and it didn’t work as well.
What would be causing Selectivizr not to work with IE7 & 8?