Foundation CSS頂欄不透明

Question

我使用Zurb的Foundation 5創建一個頁面，並且我想讓頂欄稍微透明一些。任何想法如何這可能通過CSS或jQuery的？任何代碼樣本，讚賞。謝謝。

Answer 1

要確保你在你的HTML基礎css文件鏈接後，您app.css然後將下面的代碼添加到您的app.css：

.top-bar { 
     opacity: 0.3; 
} 

，只要你想設置不透明度值，其中它是值低於1且大於或等於0

Answer 2

我遇到了同樣的問題，並認爲我會發布我的解決方案。在檢查我的css文件是否正確鏈接，並且.top-bar不透明度是直接設置的還是使用rgba值設置的（例如rgba(0,0,255,0.5)）後，頂部條仍然不透明。

我的問題是頂部酒吧被包裹在背景設置爲不透明顏色的元素！刪除這個解決了這個問題。

如果您沒有犯過與我相同的錯誤，那麼也可能與頂欄下拉背景顏色有關 - 使用基礎Sass變量解釋here。