元素在HTML / CSS中移动到容器之外

时间:2015-08-19 17:44:48

标签: javascript html css

我有一个循环视频标题,我使用我找到的一段代码实现。我覆盖了文本和顶部的按钮。它看起来不错,直到我到达某个断点,然后文本和按钮移动到视频容器之外。

我尝试放入我认为视频所在的div,但它只是从视图中删除了文本和按钮。

该网站是kgshowroom.com/test,它是珊瑚色的“Hello”按钮,文字上写着“KG Showroom You are are our site”。

这是我认为我应该调整的代码:

(视频容器?)

<div class="header-video">
    <img src="img/masthead.jpg"
         class="header-video--media"
         data-video-src="0CxWLQxvY9g"
         data-teaser-source="video/masthead-teaser"
         data-provider="Youtube"
         data-video-width="500"
         data-video-height="281">
    <a href="http://vimeo.com/87701971">


  </div>

(文字和按钮部分?)

<div id="header">
      <!-- Inner -->
        <div class="inner" style="position: relative; z-index: 999; top: 0px; width: 50%; margin: 0 auto; text-align: center;">
          <header>
            <h1>
               <a href="index.html" id="logo"><img src="images/KG-logo.png"><br />KG Showroom</a></h1>
            <p>You're on our site.</p>
          </header> 

          <footer>
            <a href="#banner" class="button circled scrolly">Hello!</a>
          </footer>

        </div>

我尝试将“文本和按钮部分”移动到“视频容器”中关闭div标签上方的位置,但它只是使文本和按钮消失。

有人知道我在哪里出错吗?无论屏幕的大小如何,我都希望它能够在所有断点上保持重叠并以视频为中心。

此外,循环视频在我的三星Note II上播放,但它不能在我兄弟的三星Galaxy(5?)上播放。在测试时,它会在我的桌面上一直播放不同的大小;代码中有什么东西让它在我兄弟的手机上无效吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

if let documentsPath = NSSearchPathForDirectoriesInDomains(.DocumentDirectory, .UserDomainMask, true)[0] as? String, let filePath = filePath { println("Determined that both documentsPath and filePath are not nil.") let dataPath = documentsPath.stringByAppendingPathComponent("Images") let imagesPath = dataPath.stringByAppendingPathComponent(fileName) if let dictionary = NSMutableDictionary(contentsOfFile: imagesPath) { println("Determined that dictionary initialized correctly.") // do what you want with dictionary in here. If it is nil // you will never make it this far. } } 中的HeaderVideo函数似乎正在动态调整script.js类的大小,这可以解释您的大小调整问题。您可能希望重写该函数中的逻辑或使用media queries