Question

我正在使用css处理这个html5，我的网站在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

检查其他浏览器是否正确显示（chrome，firefox等），还要检查是否只在笔记本电脑/个人电脑或每台笔记本电脑上播放。

如果仅在您的电脑/笔记本电脑中发生，那么您的IE可能没有启用样式表选项。我也有同样的问题。要解决此问题，请使用以下步骤： -

1.启动regedit.exe。

2.转到HKEY_CURRENT_USER \ SOFTWARE \ Microsoft \ Internet Explorer \ Main。

3.双击使用StyleSheets（如果它不存在，则创建String类型的值）。

4.要允许样式表，请将StyleSheets设置为yes;禁止，将其设为否。单击“确定”。

5.关闭注册表。

6.Restart Internet Explorer（IE）。

如果这对您有帮助，请回复。

Answer 2

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

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

打开regedit后，在左栏中点击“HKEY_CLASSES_ROOT”然后点击“.css”在右栏中双击“内容类型”。这将打开一个对话框。

在对话框中将“值数据”更改为“text / css”。

点击“确定”，就是这样。

我希望这有助于其他人。

Answer 3

您是否可以首先在地址栏中输入以下链接来尝试加载样式表你的css文件夹/ myStyle.css的http://localhost:paortnumber/path

请让我知道你找到了什么？

Answer 4

您是否可以在服务器上检查相同的内容，因为respond.js仅适用于服务器。

IE没有加载CSS表，HTML5和html5shiv没有帮助

4 个答案: