Wordpress Bootstrap菜单-折叠时模糊内容

Question

我在Wordpress中有一个Bootstrap菜单，如下所示：

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

我使用的是3.0.3版的"bootstrap.min.js“文件。我想知道如何模糊的页面内容一旦导航崩溃，删除模糊后隐藏。我已经为折叠时的导航使用了透明的背景。

谢谢!

Answer 1

您可以创建一个新的div设置为position:absolute和size of the a page。

将模糊效果添加到其类中。