Question

我已经创建了一个模板。我用过bootstrap。我的模板无法使用col-md width，：before，：after＆amp; IE8浏览器中的背景图片。

我在标题部分用过：

    <!DOCTYPE html>
    <!--[if IE 8]>        <html class="ie8 " lang="en"><![endif]-->
<!--[if IE 9]>        <html class="ie9 " lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html class="" lang="en"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <title>Duranto Html Portfolio Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="style.css">
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

Answer 1

Bootstrap在很多方面与IE8不兼容，但主要有以下两个原因：

IE8中支持的伪类如：before，：after，＆gt;等。
无法保证多个班级的顺序。 Bootstrap使用了很多以下内容：
```
<div class="col-md xs col12 etc etc etc">...
```

某些Css在IE8浏览器中不起作用

1 个答案: