Я наткнулся на это site: и начал думать. Возможно ли, используя твитер bootstrap? Я не вижу параметр непрозрачности в файле css? Это так же просто, как добавить его.Могу ли я изменить непрозрачность навигационной панели в twitter bootstrap?
В общем, это возможно. 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.
Поздний ответ, но я только что нашел этот вопрос, глядя на что-то очень похожее.
Если вы используете bootstrap с меньшим количеством, так что вы сами создаете css как часть конвейера активов, вы должны установить непрозрачность с помощью макроса утилиты.
selector {
.opacity(50); /* opacity [0->100] */
}
Он определит правильные префиксы браузера, включая синтаксис фильтра IE.
Только для гуглеров: макрос '.opacity()' ожидает значения от 0 до 1 (http://lesselements.com/) – fejese
Если вы используете bootstrap с sass. Вы можете использовать смесь непрозрачности.
@include opacity([from 0-100]);
Это обеспечит совместимость с браузером (если поддерживается), связанная с непрозрачностью.
И если браузер пользователей не поддерживает CSS3, непрозрачность просто игнорируется? – Paul
Да, браузер, который не понимает свойства, игнорирует это свойство. –
Сообщение Мики должно быть помечено как «Ответ», верно ?. –