Question

我需要IE7打开html5脚本。

我确实输入了一个脚本，可以在HTML文件的<head>脚本上调用 html5shiv.js 。

这是我的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调用者的错误还是某些语法错误？

注意：没有像.Something允许的CSS类

Answer 1

在 html5shiv.js之前加入style_ie.css ：

<head>  </head>

Answer 2

将其用作课程示例

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

并在html中将其用作

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

Answer 3

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

OLDER SOLUTION

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

CSS

.myClass{border:1px solid red;}

Answer 4

IE7不支持HTML文件的此属性，因此您无法使用header input[type=submit]{ }

我需要为ie7创建类并检查浏览器是否小于IE8然后你调用该类。

html5shiv不适用于IE7

4 个答案: