如您所见,我页面上细灰色标题的宽度高于全屏幻灯片的宽度。这就是这里的问题:如何保持标题的宽度等于幻灯片的宽度?
我做了一些试验和错误:
http://jsfiddle.net/2dhkR/63/ - 在这里你可以看到标题应该是什么样子。但是每当我添加视频背景时,标题的宽度就会变得疯狂(根据:)
width of header = width of a slide * number of slides
。
<video autoplay loop muted id="video">
<source src="Comp 1_1.webmsd.webm" type="video/webm">
</video>
...我的标题出现了:(其他 div 似乎工作正常