Невозможно увидеть 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 = медиа), в DIV и установить свой собственный цвет фона. Это работает, и цвет отображается, который не вымывает видео, но первый цвет страницы все еще стирает его. Что я могу попробовать?

Answer 1

Я пробовал много изменений CSS, но я обнаружил, что просто изменив мою CSS от

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

в

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

устранили эту проблему.