模糊引导导航栏，而不模糊其中的内容答案

【问题标题】：Blurring the bootstrap nav bar, without blurring content in it模糊引导导航栏，而不模糊其中的内容
【发布时间】：2014-01-05 13:24:29
【问题描述】：

我正在尝试使用 CSS 3 复制 iOS 7 的模糊效果，以制作一个带有按钮的模糊菜单栏。但是，当我只模糊菜单栏时，其中的按钮和文本也会变得模糊，这不是我想要的。

代码的外观：

<body id="containerid">
  <div class="navbar navbar-static-top">
    <div class="navbar-inner">
      <div class="container">
        <ul class="nav">
        <li>Button 1</li>
        <li>Button 2</li>
        </ul>
      </div>
    </div>
  </div>
</body>

基本上，我只想模糊<div class="navbar navbar-static-top">，而不是该 div 内的按钮。如何做到这一点？

【问题讨论】：

Background blur with CSS的可能重复

标签： html css twitter-bootstrap

【解决方案1】：

这是我找到的最好的例子：http://jsfiddle.net/CSS_Apprentice/WtQjY/415/

This requires: javascript $(document).ready(function(){

这就是我试图用 Bootstrap 做的，所以它实际上也模糊了图像的背景，但没有那么幸运。

【讨论】：