Div在iOS5上具有黑色背景

Question

我正在创建一个页面，其中有一个div，视频数组和按钮。 有问题的div放在<video>标记之前，并显示为黑色，而不是将其设置为背景图像。 我尝试将div放置在不同的位置，以CSS或直接链接图像，使<video>淡入和淡出，甚至为视频放置海报图像，以使其不为空白。 没有。

我能得到一些帮助吗，这必须在星期一完成（以及其他五件事），所以我很着急。

javascript是

<div id="wrapper">
<div id="MyT" class="norm"></div>
    <div id="bigPic">
    <video id="myVid" class="normal" type="m4v" showlogo="false" height="768" width="1024" poster="images/IMG_08532.jpg"/>

</div>
<div class="buttons">
        <div id="content">
            <div class='slider'><div class="control"><div class="progress"><span class="timeBar"></span></div></div></div>
            <ul class='thumbs'>
              <div style="top:0px;"><li rel='1'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div>
              <div style="top:128px;"><li rel='2'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div>
              <div style="top:256px;"<li rel='3'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div>
              <div style="top:384px;"><li rel='4'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div>
              <div style="top:512px;"><li rel='5'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div>
              <div style="top:640px;"><li rel='6'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div>
            </ul>
       </div>
  </div>
</div>

[相关] CSS是

  #bigPic { position:absolute; background-image:url(images/IMG_08532.jpg); margin-left:-8px; margin-top:-16px; height:768px; width:1024px; } #wrapper { width: 1024px; height: 768px; } #myVid{ position:absolute; top:0; left:0; margin:none; padding:none; } 

然后的HTML是

 <div id="wrapper"> <div id="MyT" class="norm"></div> <div id="bigPic"> <video id="myVid" class="normal" type="m4v" showlogo="false" height="768" width="1024" poster="images/IMG_08532.jpg"/> </div> <div class="buttons"> <div id="content"> <div class='slider'><div class="control"><div class="progress"><span class="timeBar"></span></div></div></div> <ul class='thumbs'> <div style="top:0px;"><li rel='1'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div> <div style="top:128px;"><li rel='2'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div> <div style="top:256px;"<li rel='3'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div> <div style="top:384px;"><li rel='4'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div> <div style="top:512px;"><li rel='5'><img src="graphics/filler.png" alt="" width="280" height="128" /></li></div> <div style="top:640px;"><li rel='6'><img src="graphics/filler2.png" alt="" width="280" height="128" /></li></div> </ul> </div> </div> </div> 

编辑

这不是视频，我尝试了一些操作，使它不可见（也逐渐淡出），然后在点击时返回。 似乎实际上是div“ myT”，但是图像链接在其他div上时工作正常。

请有人帮忙！

Answer 1

我想大黑是ios所显示的“视频”。 我会尝试以下操作：将div放在视频之后（而不是在视频周围），并以绝对位置将其移动到视频上方。 而onclick只是将其隐藏。 不幸的是，您必须再次单击视频才能开始播放，因为Apple不允许您使用javascript进行操作

Answer 2

由于您尝试了许多操作，例如设置<video>海报并将图像设置为包围视频的div的背景，但很可能没有效果，问题出在图像或图像路径上。 简而言之，找不到该图像。 确保图像路径相对而言正确，并且该路径上存在图像。