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版本＆＃34; bootstrap.min.js＆＃34;文件。我想知道在导航器折叠后如何模糊页面内容，隐藏后隐藏模糊。我在折叠时已经使用了导航的透明背景。

谢谢！

Answer 1

您可以创建一个新的div设置为position：绝对值和整个页面的大小。

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