私は自分のコードを作成したかったのですが、背景全体がクリック可能なリンクになっているページです。したがって、マウスがどこにでも乗っていれば、それをクリックしてユーザーを他の場所にリダイレクトすることができます。背景画像全体をクリック可能にする
ここに私のコードは、これまでのところです：
body {
background-image: url(img/yesno.png);
background-size: cover;
}
<body>
<a href="manw-manb.html" title="manw-manb" id="body"></a>
</body>
を削除します。あなたが現在空のアンカー要素を持っているだけなので、これはおそらく良いでしょう。アクセシビリティのために<img>にはalt属性を必ず追加してください。
<a href="your/path/here">
<img src="*whatever your css url was*" alt="description of your image" />
</a>
は、スクリプトタグでこれを含めます。そしてあなたが潜在的にこのインスタンスで<img>要素を使用して、任意のJavaScriptをせずに同じことを実現するであろう、あなたの<a>で全体の事をラップする可能性がアンカータグ
function fn(){
window.location.href = 'manw-manb.html';
}
document.body.addEventListener('click', fn, true);
問題は何ですか？ – CaptainHere
'body'タグを 'a'タグの中に入れようとしますが、結果が気に入らないと確信しています –
リダイレクトされる背景をクリックできません – unowncoder