锚点在 Internet Explorer 10 中不起作用

Question

感谢您抽出宝贵时间。

我实施了 css bootstrap 并在我的单页滚动网站顶部获得了一个很好的固定菜单。为了确保用户本能地看到导航，我也复制了 header 下方的菜单。在除 IE 10 之外的所有浏览器上都运行良好。

代码如下：

<div class="text-center"> 
    <button type="button" class="btn btn-default btn-info">
        <a href="#news" style="color:white">123123</a>
    </button>   
    <button type="button" class="btn btn-default btn-warning">
        <a href="#articles" style="color:white">13132123</a>
    </button>  
    <button type="button" class="btn btn-default btn-danger">
        <a href="#video" style="color:white">12313123</a>
    </button>      
    <button type="button" class="btn btn-default btn-success">
        <a href="#zaprimer" style="color:white">ЗА 132123123</a>
    </button>    
    <button type="button" class="btn btn-default btn-info">
        <a href="#create" style="color:white">12312313</a>
    </button>      
    <button type="button" class="btn btn-default btn-warning">
        <a href="#donate" style="color:white">123123123</a>
    </button> 
</div>

div 的命名方式如下：

<div class="news-holder cf" id="news">

他们都关门了。我对网页设计完全陌生，所以我不知道发生了什么。这很奇怪。

Answer 1

<a> 个元素不允许在 <button> 个元素中。

http://www.w3.org/TR/html5/forms.html#the-button-element

there must be no interactive content descendant.

这很可能与问题有关。由于几十年来锚点得到了很好的支持。

Answer 2

如#recursive 所述，link 不应出现在按钮中。

此外，如果这是一个菜单，您肯定不应该使用按钮并避免使用内联样式。

还要检查您的页面上是否有 div 的新闻、文章等 ID

如果您需要进一步的帮助，请提供更多代码。

试试这个。

<nav>
  <ul class="text-center">
    <li class="btn btn-default btn-info">
      <a href="#news" style="color:white">123123</a>
    </li>
    <li class="btn btn-default btn-warning">
      <a href="#articles" style="color:white">13132123</a>
    </li>
    <li class="btn btn-default btn-danger">
      <a href="#video" style="color:white">12313123</a>
    </li>
    <li class="btn btn-default btn-success">
      <a href="#zaprimer" style="color:white">ЗА 132123123</a>
    </li>
    <li class="btn btn-default btn-info">
      <a href="#create" style="color:white">12312313</a>
    </li>
    <li class="btn btn-default btn-warning">
      <a href="#donate" style="color:white">123123123</a>
    </li>
  </ul>
</nav>

锚点在 Internet Explorer 10 中不起作用

Anchors don't work in Internet Explorer 10

html

internet-explorer-10