看不到jwPlayer视频，因为父母的白色背景

Question

我有一个页面的容器和一个特定的页面我已经嵌入了一个jwPlayer视频。问题是，当我填充div的背景色时，视频被设置的颜色清除。

#Pages div { padding:20px; background-color:#fff; border:1px solid #aaa; } 



<div id="Pages"> 

    <div id="Page-1"> 
     <h2>Page 1</h2> 
     <p>This is the first Page.</p> 
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p> 
    </div> 

    <div id="Page-2"> 
     <h2>Page 2 - Video</h2> 

     <div id="videoWrapper"> 
      <video id="media"></video> 
     </div> 
    </div> 

</div> 

我试图改变的是将视频（id = media）包装到div中并设置自己的背景色。这可以工作，看到的颜色不会影响视频，但第一页颜色仍然会清除。我可以尝试什么？

Answer 1

我试过很多CSS的变化，但我发现，刚刚从

#Pages div { padding:20px; background-color:#fff; border:1px solid #aaa; } 

改变我的CSS来

#Pages { padding:20px; background-color:#fff; border:1px solid #aaa; } 

固定的这个问题。