Html 单击背景上的任意位置后转到其他站点？

我制作了一个带有gif背景的网站，点击屏幕上的任意位置后，我想去另一个网站（类似softlaunch）

我的html和css

正文{
背景：url（main.gif）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
背景色：#000000；
宽度：100%；
身高：100%；
}

@不睡觉

以下是一些代码，用于为您处理单击事件：

<script>
    $(document).ready(function () {
        $("body").on("click", function () { location.href = 'http://developer.mozilla.org'; });
    });
</script>

$（文档）.ready（函数（）{
$（“body”）。在（“单击”，函数（）{location.href=”http://developer.mozilla.org'; });
});

---

希望这有帮助。

您可以通过添加填充屏幕的元素来避免javascript；大概是这样的：

正文{
背景：hsl（0,0%，50%）；
}
填充物{
位置：固定；
排名：0；
左：0；
高度：100vh；
宽度：100vw；
颜色：颜色：hsl（0,0%，80%）；
文本对齐：居中；
填充顶部：45vh；
过渡：.3s背景色，.3s颜色；
}
a#填充：悬停{
背景色：hsla（0,0%，0%，0.3）；
颜色：白色；
}

---

您是否无法按您希望的方式显示图像，或者是否需要帮助应用单击事件？