网站适用于除Chrome以外的所有浏览器

时间:2016-11-22 12:36:21

标签: javascript html css google-chrome

我刚刚在这个网站上完成昆虫谷物的工作(是的...)虽然该网站似乎在边缘,野生动物园和火狐上运行得非常好,但在它应该是结束(在页脚之后)。我确信这有一个非常简单的解决办法,但在编码方面我很生疏,而且似乎无法找到它。

提前致谢。

3 个答案:

答案 0 :(得分:0)

如果你尝试删除

怎么办?
data[0]["read.nores"]

来自CSS中的html元素

答案 1 :(得分:0)

好的,除了这里的所有答案之外,这个问题实际上真的很有趣,让我们分解一下:

问题

您的页脚长度是由bounceInUp #button-white中添加的content-section-d类引起的,我发现这是通过删除DevTools中的节和子节点,直到我指出您的问题为止。

原因

这在Chrome中不起作用的原因是因为像这样的转换(使用animate.css)是inline元素,你的<button>不是一个,你应该应用自定义CSS改变它,所以:

button-white {
    display: inline-block;
    margin-top: 30px;
    background: white;
    color: #02E0C6;
    border: none;
    border-radius: 0%;
    padding: 15px 15px 15px 15px;
}

除了其他答案之外,您还应检查代码是否存在无效语法。在不同的浏览器中有很多可以破解。

答案 2 :(得分:-1)

看起来你有标记问题

<body>
  <header>
 <nav class="navigation navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img id="brand" class="img-circle" alt="Brand" src="http://i.imgur.com/0fIyMnA.png">
      </a>
      <h1 id="Criks" class="navbar-text">Criketos </h1>

    </div>
    <button id="navButton" class="navbar-text navbar-right btn btn-info">Buy Now</button>

 </a> **<----------- what is it?**

  </div>
</nav>
</header>

<body>

...

</body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
 <script src="index.js"></script>
</body>

</html>