2014-05-14 5 views
2

Мне нужно, чтобы html5 скрипты открывались IE7.html5shiv не работает с 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 Разрешено

+2

Включить '' html5shiv' перед тем style_ie.css'. – Vucko

+1

@Vucko, опубликуйте это как ответ - это правильный ответ. –

ответ

3

Включите 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> 
0

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

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

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

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

Обратите внимание, что заголовок и голова - это две разные вещи (последняя зарезервирована для, ну, голова) – K3N

+0

теперь это правильно –

+0

Два ответа одного пользователя не разрешены, если у вас есть лучшее решение, тогда вы должны изменить свой ответ. поэтому здесь предоставляется опция «EDIT». –

0

Internet Explorer 7 имеют багги для attribute selector. чтобы предотвратить эту проблему, это будет goo, если вы можете сделать 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;} 
+0

это действительно поможет, но использование CSS-класса запрещено, я должен стилизовать через ввод заголовка [type = submit] {} – Delta7

+0

Давайте попробуем это. Я указал здесь, чтобы проверить IE ниже версии 9. Также, пожалуйста, вставьте этот скрипт непосредственно перед тегом ''. '' –

-1

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

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