由于父白色背景，无法看到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更改，但我发现只需从

更改我的CSS

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

到

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

解决了这个问题。