在CSS中的導航欄添加噪聲紋理效果

Question

是否有可能在CSS中的導航欄添加噪聲層？像這樣的：

無論是使用CSS或背景圖像

.navbar-inner { 
    min-height: 40px; 
    padding-right: 20px; 
    padding-left: 20px; 
    background-color: #fafafa; 
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); 
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); 
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); 
    background-repeat: repeat-x; 
    border: 1px solid #d4d4d4; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
      border-radius: 4px; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); 
    *zoom: 1; 
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); 
} 

Answer 1

CSS目前不支持一種可靠的方法來做到這一點（儘管我認爲應該有...）。我只是想指出，你想要一個小圖像，然後只是重複它。

這裏是many samples

一個網站，並在這裏是一個custom generator

Answer 2

剛剛成立的無縫background-image: url('some-image.png');（沒有在Photoshop或編輯類似）。在頂部添加文字可能會出現在沒有background的嵌套元素中。請注意，您只能使用CSS3添加漸變和陰影，而不能使用噪點。

http://jsfiddle.net/AB7nv/

Answer 3

你可以把一個div與背景圖像和不透明度0.3或東西過去。