Search code examples
cssspring-roo

Zebra Striping fails in Spring Roo

Why does the zebra striping in Spring Roo work in FireFox, Chrome, and Opera but fails in Internet Explorer 9?

Take any of the examples. I used pet clinic and pizza shop. Fill in any of the data to display a list. Notice that the lists in Internet Explorer 9 displays all grey.

I tracked this down to standard.css and the

table tr:nth-child(odd) table tr:nth-child(even)

fail to override the

table { background: ... }

Solution

  • I found the answer to my own question.

    After much trial and error I discovered that the following:

    <meta http-equiv="X-UA-Compatible" content="IE=8" />

    was being added by

    default.jspx

    I edited this to be 

    <meta http-equiv="X-UA-Compatible" content="IE=8;IE=9" />

    and now the zebra striping works in Internet Explorer 9