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, то вы называете этот класс.