Question

我正在尝试使用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里面的按钮。如何做到这一点？

Answer 1

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

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

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

模糊引导导航栏，不会模糊其中的内容

1 个答案: