html - 超链接行为异常

使用Wordpress和标签，我有三个单独的页脚，拥有三个单独的页脚模板和样式很重要，因为每个页脚都根据其所在页面进行相应的操作。每三分之二的页脚效果很好，但是由于多种原因，它们之一的行为却大不相同，例如，它在不存在的地方添加了超链接，并且还添加了不同的样式（在这种情况下为紫色），我相信这是“参观了”。

有谁知道这可能是什么原因？我已经在下面粘贴了代码。

<ul class="bxslider">
    <li class="photo"><img src="http://chefpaulcrowe.com/img/gallery/full/example-02.jpg"/></li>
    <li class="photo"><img src="http://chefpaulcrowe.com/img/gallery/full/example-01.jpg"/></li>
    <li class="photo"><img src="http://chefpaulcrowe.com/img/gallery/full/example-03.jpg"/></li>
</ul>

<div id="bx-pager-wrapper">
  <div id="bx-pager">
    <a data-slide-index="0" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    02.jpg"/>
    <a data-slide-index="1" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    01.jpg"/>
    <a data-slide-index="2" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    03.jpg"/>
  </div>

<script type="text/javascript">
  $(document).ready(function(){

$('.bxslider').bxSlider({
  auto: true,
  pagerCustom: '#bx-pager'
});
  });
</script>

<footer id="footer-gallery">
  <div class="wrapper">
    <div class="left">
      <ul>
        <li>2013 Paul Crowe</li>
        <li>Created by <a href="http://liamhodnett.com">Liam Hodnett</a></li>
      </ul>
    </div>

    <div class="right">
      <ul>
        <li><a href="http://chefpaulcrowe.com/">Home</a></li>
        <li><a href="http://chefpaulcrowe.com/blog/">Blog</a></li>
        <li><a href="http://chefpaulcrowe.com/gallery/">Gallery</a></li>
        <li><a href="http://chefpaulcrowe.com/contact/">Contact</a></li>
      </ul>
    </div>
  </div>
</footer>

</body>
</html>

最佳答案

好的，所以我想我现在拥有了，您将不得不进行一些重新排序。因此，首先删除#example并将这些样式放回bx-pager-wrapper。现在，将bx-pager-wrapper放入bx-wrapper中，它应该位于bx-wrapper结束标记之前的最右端。接下来在CSS中将bx-wrapper设置为position: relative。将页脚留在原处，应该工作。

编辑



同时删除overflow-y: hidden;上的#gallery

好的，看来问题在于以下所有a标记均未关闭。几乎就是这么简单哈哈不幸的是，控制台始终将它们显示为关闭状态，所以我没有看到。您可能可以将所有内容恢复为原始状态，然后关闭这些标签

<div id="bx-pager-wrapper">
    <div id="bx-pager">
    <a data-slide-index="0" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    02.jpg"/>
    <a data-slide-index="1" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    01.jpg"/>
    <a data-slide-index="2" href=""><img src="http://chefpaulcrowe.com/img/gallery/thumb/example-    03.jpg"/>
  </div>

关于html - 超链接行为异常，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20937165/