gpt4 book ai didi

html - 单击背景上的任意位置后转到另一个站点?

转载 作者:行者123 更新时间:2023-11-28 04:19:06 25 4
gpt4 key购买 nike

我创建了一个带有 gif 背景的网站,点击屏幕上的任意位置后我想转到另一个网站(类似于 softlaunch)

我的 html 和 css

body {
background: url(main.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #000000;
width: 100%;
height: 100%;
}
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="fav.png" />
<link href="style.css" rel="stylesheet" type="text/css">
<title>@nosleep</title>
</head>

<body>
</body>

</html>

最佳答案

您可以通过添加一个充满屏幕的元素来避免 javascript;像这样:

body {
background: hsl(0,0%,50%);
}
a#fill{
position:fixed;
top:0;
left:0;
height:100vh;
width:100vw;
color: color:hsl(0,0%,80%);
text-align: center;
padding-top: 45vh;
transition: .3s background-color, .3s color;
}
a#fill:hover {
background-color: hsla(0,0%,0%,.3);
color: white;
}
<a href="https://jsfiddle.net/" id="fill">click to visit jsfiddle</a>

如果您愿意,也可以使用纯 javascript 执行此操作:

document.addEventListener("DOMContentLoaded", function() {
document.getElementsByTagName('body')[0].addEventListener('click',function(){
window.location = 'http://developer.mozilla.org';
});
});

但是你

关于html - 单击背景上的任意位置后转到另一个站点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42309018/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com