Search code examples
csshtmlinternet-explorerhtml5shiv

html5shiv doesn't work with IE7

I need html5 scripts to be opened by IE7.

I did input a script to call html5shiv.js on <head> script in the HTML file.

Here's my HTML code:

<head>
  <!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/style_ie.css" />
<script type="text/javascript" src="js/html5shiv.js"></script>
  <![endif]-->
</head>

and I trying to styling a button on tag <header> like this:

HTML:

<header>
<input type='submit' value='LOGIN'>
</header>

CSS:

header input[type=submit]{
    background:url('../images/btn_login.png')repeat-x; 
    color:white;
}

and that's still not working, I don't know where the error is? are the error on the caller of html5shiv or in some of the syntax?

NOTE: no CSS class like .Something Allowed

Solution

  • Include html5shiv.js before style_ie.css:

    <head>
  <!--[if IE]>
    <script type="text/javascript" src="js/html5shiv.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style_ie.css" />
  <![endif]-->
</head>