Javascript CSS3动画的问题

这是我的第一个问题，我为此感到高兴

我用fullpage.js创建了一个页面

我会用CSS3创建一个动画，所以我看到了一个简单的

我按照说明将代码粘贴到roadmap.html 动画效果很好，但我不知道为什么会有14个带蓝色支架的火箭。你可以看到“小故障”

js有错误吗？这是css的问题吗

---

#外部空间{位置：相对；高度：400px；背景：#0C0440URL（'http://www.the-art-of-web.com/images/rocket.gif）颜色：#fff；}div.rocket{位置：绝对；底部：10px；左侧：20px；-webkit转换：3s易用；-moz转换：3s易用；-o转换：3s易用；转换：3s易用；}div.rocket div{宽度：92px；高度：215px；背景：url('http://www.the-art-of-web.com/images/rocket.gif“）不重复；-webkit转换：2s缓进-出；-moz转换：2s缓进-出；-o转换：2s缓进-出；转换：2s缓进-出；}#外层空间：悬停div.rocket{-webkit转换：翻译（0px，-5400px）；-moz转换：翻译（0px，-5400px）；-o转换：翻译（0px，-5400px）-ms transform:translate（0px，-5400px）；transform:translate（0px，-5400px）；}

这是因为在CSS中，您所说的关于

#outerspace

的第一件事：

background: #0c0440 url('http://www.the-art-of-web.com/images/rocket.gif');

url部分根本不应该在那里。如果您编写了

no repeat

，那么仍然会有一个火箭不应该在那里，因此总结起来：

取出

url（'http://www.the-art-of-web.com/images/rocket.gif）

从

的
背景
#外层空间

代码应为：

background: #0c0440;

这是你的保证：

外层空间{position:relative；height:400px；background:0c0440；color:#fff；}div.rocket{position:absolute；bottom:10px；left:20px；-webkit transition:3s ease-in；-moz transition:3s ease-in；-o-transition:3s ease-in；transition:3s ease-in；}div.rocket div.rocket div{宽度：92px；高度：215px；背景：url（'http://www.the-art-of-web.com/images/rocket.gif')禁止重复；-webkit转换：2s缓入-出；-moz转换：2s缓入-出；-o转换：2s缓入-出；转换：2s缓入-出；}外层空间：悬停div.rocket{-webkit转换：翻译（0px，-5400px）；-moz转换：翻译（0px，-5400px）；-o转换：翻译（0px，-5400px）；-ms转换：翻译（0px，-5400px）；-5400px）；-transform转换：翻译（0px，--5400px）}

骨灰
#外层空间

“我不知道为什么会有14枚带蓝色支架的火箭”…我们怎么知道，在您的问题中，既没有蓝色或其他颜色的火箭，也没有显示正在创建任何火箭的代码？存在大量404错误-链接似乎无效-例如

https://boneos.org/vendors/scrolloverflow.js

。我认为这是相对URL的问题。若要在Web上查看相关内容，请单击此处e本身，您必须转到开发工具并删除包含真正问题所在的

元素。您可以在代码中插入一些换行符吗？当前可读性如何，您认为如何？“这是我的第一个问题，我为此感到非常高兴”--非常可爱。欢迎来到so。