Question

我想制作我的代码，这只是一个页面，整个背景图像成为可点击的链接。因此，无论鼠标悬停在何处，它都可以单击以将用户重定向到其他位置。

到目前为止，这是我的代码：

body {
    background-image: url(img/yesno.png); 
    background-size: cover;
}

<body>
<a href="manw-manb.html" title="manw-manb" id="body"></a>
</body>

Answer 1

您可以在此实例中使用<img>元素，并将整个内容包装在<a>中，这将在没有任何JavaScript的情况下实现相同的功能。这可能更好，因为你现在只有一个空的锚元素，这不是很好。为了便于访问，请务必向alt添加<img>属性。

<a href="your/path/here">
     <img src="*whatever your css url was*" alt="description of your image" />
</a>

Answer 2

在脚本代码中包含此内容。并删除锚标记

function fn(){
window.location.href = 'manw-manb.html';
}
document.body.addEventListener('click', fn, true);

使整个背景图像可点击

2 个答案: