Question

感谢您抽出宝贵时间。

我实现了css bootstrap并在我的单页滚动网站上获得了一个很好的固定菜单。为了确保用户本能地看到导航，我也复制了标题下方的菜单。适用于我拥有的每个浏览器，但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

必须没有互动内容后代。

这可能与问题有关。由于锚具有数十年的良好支撑。

Answer 2

如#recursive所述，链接不应该在按钮中。

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

还要检查您是否在页面上有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中不起作用

2 个答案: