CSS
Nieprzezroczystość
Szukaj…
Składnia
- nieprzezroczystość: liczba (* ściśle od 0 do 1) | odziedziczyć | inicjał | nieoprawny;
Uwagi
Jeśli nie chcesz stosować krycia, możesz użyć tego:
tło: rgba (255, 255, 255, 0,6);
Zasoby:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C Przejrzystość: właściwość „nieprzezroczystości”: https://www.w3.org/TR/css3-color/#transparency
- Obsługa przeglądarki: http://caniuse.com/#feat=css-opacity
Właściwość krycia
Krycie elementu można ustawić za pomocą właściwości opacity . Wartości mogą wynosić od 0.0 (przezroczysty) do 1.0 (nieprzezroczysty).
Przykładowe użycie
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Wartość nieruchomości | Przezroczystość |
|---|---|
opacity: 1.0; | Nieprzezroczysty |
opacity: 0.75; | 25% przezroczysty (75% nieprzezroczysty) |
opacity: 0.5; | 50% przezroczysty (50% nieprzezroczysty) |
opacity: 0.25; | 75% przezroczysty (25% nieprzezroczysty) |
opacity: 0.0; | Przezroczysty |
Kompatybilność z IE dla `krycia '
Aby użyć opacity we wszystkich wersjach IE, kolejność jest następująca:
.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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow