将图片作为链接到页面顶部

有时候我们需要将页面上方的LOGO或图片链接到页面的顶部，本篇文章将介绍如何使用CSS实现这个效果。

方法一：使用position: fixed和top: 0

这是最简单的方法，只需要将图片或LOGO的CSS样式设置为position: fixed; top: 0;即可。代码如下：

<img src="your-image-url" alt="your-image-description" style="position: fixed; top: 0;">

这将把图片或LOGO固定在页面的左上角，当页面滚动时也不会移动。

方法二：使用锚点

我们可以在页面的顶部插入一个锚点，然后将图片或LOGO作为链接引用这个锚点。代码如下：

<a href="#top"><img src="your-image-url" alt="your-image-description"></a>

然后，我们需要在页面顶部插入一个对应的锚点：

<a name="top"></a>

这将使得点击图片或LOGO时，页面滚动至顶部。

方法三：使用JavaScript

使用JavaScript也可以实现将图片或LOGO链接至页面顶部。代码如下：

<a href="#" id="back-to-top"><img src="your-image-url" alt="your-image-description"></a>

<script>
window.onload = function() {
  var topLink = document.getElementById("back-to-top");
  window.onscroll = function() {
    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
        topLink.style.display = "block";
    } else {
        topLink.style.display = "none";
    }
  };
  topLink.onclick = function() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
    return false;
  };
};
</script>

这个方法会在页面滚动时，自动显示一个链接回到页面顶部。点击链接时，页面会平滑地滚动至顶部。

以上是三种将图片或LOGO链接到页面顶部的方法，根据需要选择合适的方法实现即可。