看不到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; } 

固定的這個問題。