Могу ли я изменить непрозрачность панели навигации в загрузчике Twitter? - PullRequest
Новая
       8

Могу ли я изменить непрозрачность панели навигации в загрузчике Twitter?

5 голосов
/ 26 марта 2012

Я наткнулся на этот сайт : и начал думать.Возможно ли это с помощью твиттер bootstrap ?Я не вижу настройки непрозрачности в файле CSS?Это так же просто, как добавить его.

Ответы [ 3 ]

18 голосов
/ 26 марта 2012

В общем, это возможно.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.

8 голосов
/ 18 апреля 2012

Поздний ответ, но я только что нашел этот вопрос, когда искал что-то очень похожее.

Если вы используете загрузчик с меньшим количеством ресурсов, так что вы сами создаете CSS как часть конвейера ресурсов, вам следует установить прозрачность с помощью служебного макроса. 

selector {
    .opacity(50);   /* opacity [0->100]  */
}

Он определит правильные префиксы браузера, включая синтаксис фильтра IE для вас.

3 голосов
/ 23 октября 2013

Если вы используете bootstrap с sass. Вы можете использовать миксин непрозрачности. 

@include opacity([from 0-100]);

Это будет обрабатывать все совместимости браузера (если поддерживаются), связанные с непрозрачностью.

...