IE 未加载 CSS sheet、HTML5 和 html5shiv 没有帮助

Question

我正在处理此 html5，使用 css，我的网站在 chrome 和 firefox 上运行良好，但在 IE 10 上运行不正常。css 上没有任何内容文件适用于 IE。

我的网站仍然保留在本地且未完成，但它让我发疯，因为我尝试了很多答案来修复 IE，例如 html5shiv，等等...

我也检查了验证器，我只收到无法识别的 bootstrap 属性的错误。

如果有人能看一下我的代码，我会很高兴

body {
  background-color: #D1E0B2;
}
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
.fotos {
  max-width: 100%;
  height: auto;
}
.carousel-inner > .item > img {
  max-width: 100%;
  height: 360px;
  margin: 0 auto;
}
.tres-colunas {
  display: block;
  width: 360px;
  height: 170px;
  vertical-align: middle;
  border-bottom: 1px dashed #929493;
  border-top: 1px dashed #929493;
  margin: 10px;
  padding-top: 8px;
  float: left;
}
h3 {
  font-size: 1.6em;
  margin-top: 0;
}
.button-home {
  float: right;
  background-color: #A2BF4D;
  border-radius: 6px;
  color: #fff;
  font-family: 'Arial';
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #C2E066;
}
.button-home:hover {
  float: right;
  background-color: #9BB352;
  border-radius: 6px;
  color: #fff;
  font-family: 'Arial';
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #C2E066;
}

<!DOCTYPE html>

<head>



  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="content-language" content="pt" />
  <meta name="description" content=' - ' />
  <meta name="keywords" content=', ' />
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="expires" content="-1" />

  <title>Yeshiva Or Israel College</title>
  <script>
    document.createElement("myHero")
  </script>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <link rel="shortcut icon" href="logo.png" />
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="myStyle.css" />

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

<body>
  <div class="container">
    <a>
      <img src="tres_rgb.jpg" alt="Logo Da Yeshiva" width="1130" height="145" />
    </a>
    <ul class="nav nav-tabs">
      <li class="active"><a href="#">Home</a>
      </li>
      <li><a href="#">Nossa filosofia</a>
      </li>
      <li><a href="#">Os Rabinos</a>
      </li>
      <li><a href="#">Campus</a>
      </li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Arquivos
          <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Videos</a>
          </li>
          <li><a href="#">Fotos</a>
          </li>
          <li><a href="#">Textos</a>
          </li>
        </ul>
      </li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Links Associados
          <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Camp Hashivenu</a>
          </li>
          <li><a href="#">Site Rav Karaguilla</a>
          </li>
          <li><a href="#">Canal do Rav Passy</a>
          </li>
        </ul>
      </li>
      <li><a href="#">Fa&ccedil;a Parte</a>
      </li>
      <li><a href="#">Contato</a>
      </li>
    </ul>


    <p> <b> Yeshiv&#225; Or Israel College. </b><i> Educando com amor.</i>
    </p>


    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="carrosel_danca.jpg" alt="Dan&ccedil;a dos Bachurim" />
          <div class="carousel-caption">
            <h3>Uni&atilde;o</h3>
            <p>Alunos da Yeshiv&#225; dan&ccedil;ando no p&#225;teo.</p>
          </div>
        </div>

        <div class="item">
          <img src="carrosel_shabat.jpg" alt="Um Shabat Especial" />
          <div class="carousel-caption">
            <h3>Um Shabat Especial</h3>
            <p>A experiencia de Shabatot na Yeshiv&#225; eh algo especial.</p>
          </div>
        </div>

        <div class="item">
          <img src="carrosel_havdala_rs.jpg" alt="Havdala" />
          <div class="carousel-caption">
            <h3>Alegria no Judaismo</h3>
            <p>Momentos especiais e inesqueciveis</p>
          </div>
        </div>

        <div class="item">
          <img src="carrosel_estudo_fora.JPG" alt="Estudo ao ar livre" />
          <div class="carousel-caption">
            <h3>Estudo da Tor&#225;</h3>
            <p>Estudo da Tor&#225; em alto nivel.</p>
          </div>
        </div>
      </div>


      <!-- Left and right controls -->
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

    <div class="tres-colunas">
      <div class="col-sm-3 col-md-6 col-lg-4">
        <img src="revista.png" alt="Revista Chai Or Israel" width="100" height="150" />
      </div>
      <div class="col-sm-9 col-md-6 col-lg-8">
        <h3> Revista Chai </h3>
        <p>A cada ano s&atilde;o lan&ccedil;adas novas revistas da Yeshiv&#225; ricas em conteudo e qualidade. Clique aqui para assinar a sua:</p>
      </div>
      <button class="button-home">Assinar</button>

    </div>
    <div class="tres-colunas">
      <div class="col-sm-3 col-md-6 col-lg-4">
        <img src="calendario.png" alt="calendario" width="100" height="150" />
      </div>
      <div class="col-sm-9 col-md-6 col-lg-8">
        <h3> Novidades por aqui </h3>
        <p>Fique por dentro dos novos eventos e acontecimentos.</p>
        <span style="padding:25px"> </span>
      </div>
      <button class="button-home">Confira</button>

    </div>
    <div class="tres-colunas">
      <div class="col-sm-3 col-md-6 col-lg-4">
        <img src="livro-dessler.jpg" alt="Livros da Yeshiv&#225;" width="100" height="150" />
      </div>
      <div class="col-sm-9 col-md-6 col-lg-8">
        <h3> Livros da Yeshiv&#225; </h3>
        <p>A Yeshiv&#225; j&#225; publicou dezenas de livros. Venha conhecer quais!</p>
        <span style="padding:25px"> </span>
      </div>
      <button class="button-home">De uma olhada</button>

    </div>

  </div>


</body>

</html>

，我没有加载图像，如果有必要告诉我...

Answer 1

您可以先在地址栏中输入 link 来尝试加载样式 sheet http://localhost:paortnumber/path 的 css folder/myStyle.css

请告诉我你找到了什么？

Answer 2

你能在服务器上检查同样的东西吗因为 respond.js 只能在服务器上工作。

Answer 3

检查其他浏览器是否正确显示（chrome、firefox 等）还要检查这是否只发生在您的 laptop/pc 或每个 laptop/pc.

如果它只发生在您的 pc/laptop 中，那么您的 IE 可能没有启用样式 sheet 选项。我也有同样的问题。要解决此问题，请使用以下步骤：--

1.Start regedit.exe.

2.Go 至 HKEY_CURRENT_USER\SOFTWARE\Microsoft\Internet Explorer\Main.

3.Double-单击“使用样式表”（如果不存在，则创建此字符串类型的值）。

4.To允许样式sheets，设置StyleSheets为yes；不允许，将其设置为否。单击“确定”。

5.Close 注册表。

6.Restart Internet Explorer (IE)。

如果对你有帮助请回复..

Answer 4

我在 Windows 8.1 上使用 IE11 遇到同样的问题。我就是这样修复它的：

在您的计算机上搜索 "regedit.exe"（转到开始菜单并单击屏幕右上角的搜索按钮）。

打开 regedit 后，在左侧栏中单击 "HKEY_CLASSES_ROOT"，然后单击“.css"On the right column double-click on "Content Type”。这将打开一个对话框。

在对话框中将 "value data" 更改为 "text/css"。

点击"Ok"即可。

我希望这对其他人有帮助。

IE 未加载 CSS sheet、HTML5 和 html5shiv 没有帮助

IE not loading CSS sheet, HTML5 and html5shiv not helping

html

css

html5shiv