html5shiv не работает с IE7

Мне нужно HTML5 скрипты, которые будут открыты в IE7.

Я ввел скрипт для вызова html5shiv.js на <head> скрипт в файле HTML.

Вот мой HTML-код:

<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>

а я пытаюсь стайлинг пуговицу на тэге <header> как это:

HTML:

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

CSS:

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

и это все еще не работает, я не знаю, где ошибка? ошибки на вызывающей стороне html5shiv или в каком-то синтаксисе?

ПРИМЕЧАНИЕ: нет класса CSS, как .Something Позволил

4 ответа

Решение

Включают html5shiv.js до 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>

В Internet Explorer 7 имеется ошибочная поддержка attribute selector, чтобы предотвратить эту проблему, было бы хорошо, если вы можете сделать class а затем применить его к входному тегу. Я надеюсь, что это будет работать на IE7 или даже IE6.

НОВОЕ РЕШЕНИЕ

Вы должны позвонить html5shiv.js а также CSS file отдельно так

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script><![endif]
-->

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/style_ie.css" />
<![endif]-->

СТАРЫЕ РЕШЕНИЯ

<input type='submit' value='LOGIN' class='myClass'>

CSS будет

.myClass{border:1px solid red;}

Используйте это как пример класса

.btn 
   {
   background:url('../images/btn_login.png')repeat-x;
   color:white;
   }

и использовать его в HTML как

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

IE7 не поддерживает этот атрибут файла HTML, поэтому вы не можете использовать header input[type=submit]{ }

Мне нужно создать класс для ie7 и проверить браузер, если он меньше, чем IE8, то вы называете этот класс.

Другие вопросы по тегам