0

我正在开发一个 wordpress 主题,但我遇到了一个似乎无法解决的问题。我正在使用 syd lawrence 背景视频 - https://github.com/sydlawrence/jquery.videoBG 来应用视频背景,但我在同一个 div 中有一些文本,需要显示文本,但不知何故,文本是没有出现。我的网站在这里 - http://digitalmarketingcardiff.com/copperhead/

视频 div 有一个未显示的 h1 标题和描述,我哪里出错了?请帮忙。我尝试将 z-indexes 应用于文本,但仍然失败:(

多谢你们。:)

我的标记是 - <div id="home-video"> <h1><span class="red">Ola,</span> im black dahlia!</h1> <span class="home-text">This is a....blah blah.</span> <p class="home-text"><a href="#work" class="button">Our Work</a></p> <div class="home-icon"> <a href="#work"><i class="icon-cog icon-spin"></i></a> </div>
</div>

在我的页脚中,包含在 document.ready 中的 javascript 是

var isTouch = Modernizr.touch;
if(!isTouch){jQuery('#home-video').videoBG({
mp4:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.mp4',
ogv:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.ogg',
webm:'http://localhost/copperhead/wp-content/uploads/2013/10/cameraLens.webm',
poster:'http://localhost/copperhead/wp-content/uploads/2013/10/78703.jpg',
zIndex:-30,
fullscreen: true
});
}

4

1 回答 1

0

感谢 Mateusz,我挖得更深了,插件实际上克隆了 div,这就是为什么有 2 个具有相同 ID 的 div。无论如何删除对齐中心,帮助我解决了问题。我还删除了溢出隐藏,并在一个 3000 像素宽的 div 中间找到了文本!对于其他发现此问题的人,对于 videoBG,您必须指定一个宽度,否则该元素将创建一个巨大的宽度 div。此外,z-index 应该为 0,任何负数,并且文本元素不可点击。我的演示已更新,可以正常工作。

于 2013-10-14T20:49:07.377 回答