产品着陆页测试套件问题:视频和粘性导航栏元素免费代码营

时间:2018-07-19 16:07:07

标签: html css mocha bdd chai

在提交响应式项目之前,我试图通过FCC测试套件中的最后几项,但我有两个错误:在我不应该的时候出现错误-我比以前更了解测试套件,但是无法弄清楚这两个。

  1. 我可以观看带有id =“ video”的嵌入式产品视频。 AssertionError:#video应为或元素
    • #video元素是一个视频,所以我不确定为什么它仍然流行。

<video id="video" autoplay loop src="http://res.cloudinary.com/mpauldesigns/video/upload/v1532013100/photo_collage.mp4" type="video/mp4">
  <p>Your browser doesn't support mp4 video</p>
</video>

  1. 导航栏应始终位于视口的顶部。 AssertionError:#header或其子项之一即使在滚动后也应位于视口的顶部:预期299.9624938964844接近于0 +/- 15
    • 我确保导航栏是标题的一个子项,是粘性的,并且位于顶部附近,所以我不知道导航栏从哪里拉出300!

这是我的项目: https://codepen.io/mpauldesigns/pen/LrqBOQ

我想念什么?感谢您的协助。

1 个答案:

答案 0 :(得分:1)

您可以使用视频

<iframe id="video"  src="https://www.youtube.com/embed/RDNw8KC0j_M" frameborder="0"></iframe>
和第二种东西 在标题中,您可以添加固定位置

#header{
position:fixed;
top:0px;}