html - 超链接表现异常

Question

使用 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>

Answer 1

好的，我想我现在已经拥有了，您将不得不重新排序。所以首先删除 #example 并将这些样式放回 bx-pager-wrapper。现在把 bx-pager-wrapper 放在 bx-wrapper 里面，它应该放在 bx-wrapper 的关闭标签之前的最右下角>。接下来在您的 CSS 中将 bx-wrapper 设置为 position: relative。将页脚留在原处，这应该有效。

编辑

---

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

好的，看起来问题是下面的那些 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>