css - 我可以更改 Twitter Bootstrap 中导航栏的不透明度吗？

Question

我偶然发现了这个 site : 并开始思考。这可能使用推特的 bootstrap ？我在 css 文件中没有看到不透明度设置？是不是跟添加一样简单。

Answer 1

一般来说，这是可能的。 Testflightapp 使用具有不透明度级别的 background-color: rgba 属性。

所以如果你想设置一个不透明的背景颜色给你的元素使用这个CSS:

elementname {
    background-color: rgba(128, 128, 128, 0.5); /* Red [0-255], Green [0-255], Blue [0-255], Alpha [0-1] */
}

如果你想设置元素的不透明度作为一个整体使用:

elementname {
    opacity: 0.5; /* opacity [0-1] */
    -moz-opacity: 0.5; /* opacity [0-1] */
    -webkit-opacity: 0.5; /* opacity [0-1] */
}

只有支持 CSS3 的浏览器才支持。