html - 删除 Logo div 时视频会隐藏

Question

大家好堆垛机。

我遇到了一个小问题。我正在尝试将我的网页复制到另一个页面，但是每当我尝试删除 Logo 时，视频就会消失。不确定为什么。我已经输入了代码，但我认为它没有多大用处，因为它可以自行查找，这让我相信我的代码中有一些东西依赖于那里的标志。非常感谢您的帮助。实例是 here .如果您在任何浏览器上检查元素并删除 Logo ，您会发现它消失了。

 .Intro-Video {
     position: relative;
     z-index: 9999;
     width: 100%;
     display: block;
     background-color: #fff;
     overflow: hidden;
 }

 .Intro-Video1 {
     position: relative;
     z-index: 9999;
     width: 100%;
     display: block;
     margin-top: 200px;
     background-color: #fff;
     overflow: hidden;
 }
 .video-box {
     height: 100%;
     width: 100%;
     position: relative;
 }
 #video-container {
     height:100%;
     width:100%;
     overflow: hidden;
 }
 video {
     position:absolute;
     z-index:0;
 }
 video.fillWidth {
     width: 100%;
 }

.Kadeem-Logo {
     position: relative;
     top: 0px;
     width: 100%;
     display:block;
 }
 .Kadeem-Logo img {
     display: block;
     width: auto;
     max-width: 100%;
 }

                <div class="video-box">
                    <div id="video-container">
                        <video autoplay class="fillWidth">
                            <source src="http://client.hugoandmarie.com.s35719.gridserver.com/client/AlexandraPosen/Alex_Posen_Video.mp4" type="video/mp4" />
                        </video>
                        
                         <div class="Kadeem-Logo">
                             <img src="http://www.kadeem.london/Content/Image/KL.png" alt="Kadeem Logo" title="Kadeem Logo">
                         </div>

                    </div>

                </div>

            </div>

Answer 1

您的 Logo 图片提供了容器的所有高度。

试试这个:

#video-container {
  height: 550px; /* Or whatever height you want */
}

解决问题。