我收到了以下代码：
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<body>
<div id='charts'>
<div id='charts1'>
</div>
<script src="//d3js.org/d3.v3.min.js"></script>这几乎给了我一个空白页面，其中有一个打开侧边菜单的按钮。默认情况下，面板有一个小的 <div data-role="page" id="exercises-page" data-url="exercises-page">
<a href="#left-panel" id="menu-icon-left"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></a>
<div data-role="panel" data-display="overlay" id="left-panel" data-theme="b" data-position-fixed="true" data-position="left">
content
</div>
</div>
，当面板打开时，我希望用面板后面的所有内容上的完整阴影/暗覆盖替换它。
有人知道如何做到这一点吗？