CSS
помутнение
Поиск…
Синтаксис
- opacity: число (* строго от 0 до 1) | наследовать | начальная | снята с охраны;
замечания
Если вы не хотите применять непрозрачность, вы можете использовать это вместо этого:
фон: rgba (255, 255, 255, 0,6);
Ресурсы:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- Прозрачность W3C: свойство «непрозрачность»: https://www.w3.org/TR/css3-color/#transparency
- Поддержка браузера: http://caniuse.com/#feat=css-opacity
Свойство непрозрачности
Прозрачность элемента может быть задана с использованием свойства opacity . Значения могут быть от 0.0 (прозрачные) до 1.0 (непрозрачные).
Пример использования
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Стоимость имущества | прозрачность |
|---|---|
opacity: 1.0; | непрозрачный |
opacity: 0.75; | 25% прозрачный (75% непрозрачный) |
opacity: 0.5; | 50% прозрачный (50% непрозрачный) |
opacity: 0.25; | 75% прозрачный (25% непрозрачный) |
opacity: 0.0; | прозрачный |
Совместимость IE для непрозрачности
Чтобы использовать opacity во всех версиях IE, порядок:
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow