I've been scratching my head for weeks, wondering why the html5 boiler plate conditional comments work for my public site, my secure site, but not for reports, then discovered this:
Code: Select all
<!DOCTYPE html>
<!--[if IE 7]> <html lang="en-US" class="ie7 lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en-US" class="ie8 lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html lang="en-US" class="ie9 lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-US">
<head>
Code: Select all
<!DOCTYPE html>
<!--[if IE 7]> <html lang="en-US" class="ie7 lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en-US" class="ie8 lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html lang="en-US" class="ie9 lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-US"> <!--<![endif]-->
<head>
http://www.1stwebdesigner.com/design/sn ... ilerplate/
http://www.paulirish.com/2008/condition ... r-neither/
It lets me do stuff like this in my style sheet:
Code: Select all
.pagetop{color:#fff;background:#001134;background:linear-gradient(to bottom,rgba(63,78,115,1) 0%,rgba(28,43,82,1) 14%,rgba(0,15,55,1) 26%,rgba(0,15,55,1) 100%)}
.lt-ie10 .pagetop{background:#001134 url('/images/horz_gradients_oldIE.png') 0 0 repeat-x}