模糊bootstrap導航欄，不模糊其中的內容

我試圖用CSS 3複製iOS 7模糊效果來製作帶有按鈕的模糊菜單欄。但是，當我模糊菜單欄時，其中的按鈕和文字也變得模糊，這不是我想要的。模糊bootstrap導航欄，不模糊其中的內容

代碼的外觀：

<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">但不是該專區內的按鈕。如何做到這一點？

來源

2014-01-05 Martyn

make a jsfiddle.net – Godinall

[CSS背景模糊]的可能重複（http://stackoverflow.com/questions/14565520/background-blur-with-css） –

這一個是我已經找到了最好的例子：http://jsfiddle.net/CSS_Apprentice/WtQjY/415/

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

這就是我想用引導這樣做實際上模糊圖像的背景很好，但有沒有多少運氣。

來源

2015-01-07 23:06:56 BHCOM

模糊bootstrap導航欄，不模糊其中的內容

回答

相關問題