Javascript HTML |移动图像
我正在尝试将向下箭头图像放置在天空背景底部附近。我还希望它在调整窗口大小时保持在原来的位置。（我希望它是一个启动屏幕，底部有一个箭头，单击后向下移动到下一部分） htmlJavascript HTML |移动图像,javascript,html,css,Javascript,Html,Css,我正在尝试将向下箭头图像放置在天空背景底部附近。我还希望它在调整窗口大小时保持在原来的位置。（我希望它是一个启动屏幕，底部有一个箭头，单击后向下移动到下一部分） html <!DOCTYPE html> <html> <head> <title>particles.js demo</title> <link href="css/style.css" rel="stylesheet"> </head> <bo
<!DOCTYPE html>
<html>
<head>
<title>particles.js demo</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="particles-js" width='100%'></div>
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js">
</script>
<script src="js/index.js">
</script>
<img id='downarrow' height="75" width="75" src='images/arrowdown.png'>
</body>
</html>
位置：绝对位置；底部：0；左：50%；转化：translateX（-50%）将在底部/中心放置一些内容
正文{
保证金：0；
高度：2000px；
宽度：100%；
}
：-webkit滚动条{
显示：无；
}
#粒子js{
位置：绝对位置；
宽度：100%；
身高：100%；
背景色：#00a4ff；
背景图像：url（“http://i.imgur.com/yHL4C4u.png");
背景重复：无重复；
背景位置：50%50%；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#向下箭头{
位置：绝对位置；
转化：translateX（-50%）；
底部：0；
左：50%；
}
particles.js演示
位置：绝对位置；底部：0；左：50%；转化：translateX（-50%）将在底部/中心放置一些内容
正文{
保证金：0；
高度：2000px；
宽度：100%；
}
：-webkit滚动条{
显示：无；
}
#粒子js{
位置：绝对位置；
宽度：100%；
身高：100%；
背景色：#00a4ff；
背景图像：url（“http://i.imgur.com/yHL4C4u.png");
背景重复：无重复；
背景位置：50%50%；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
#向下箭头{
位置：绝对位置；
转化：translateX（-50%）；
底部：0；
左：50%；
}
particles.js演示
您是一位传奇人物，非常感谢！有什么我可以代表你的吗@没问题！只要投票并接受我的答案，如果他们有帮助并回答你的问题。你是一个传奇人物，非常感谢！有什么我可以代表你的吗@没问题！只要投票并接受我的答案，如果他们有帮助并回答你的问题。
body {
margin: 0;
height: 2000px;
width: 100%;
}
::-webkit-scrollbar {
display: none;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
background-color: #00a4ff;
background-image: url("http://i.imgur.com/yHL4C4u.png");
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#downarrow {
margin-left: 50%;
transform: translateX(-50%);
}
img {
position: absolute;
}