Hogyan készítsünk átlátszó CSS ​​gombot

Átlátszó háttér a CSS: Háttér

Gyakran láthatja a webhelyek átlátszó hátterét, például van egy piros oldal háttér, és a háttér mögött egy egyszerű kép. Tehát a CSS-ben csodálatos módok vannak az átláthatóság megteremtésére, fontolja meg a főt.

1. Az átlátszatlanság tulajdonában

Az út nem teljesen helyes, de minden böngészőben lesz helyesen.

Tekintsük a példa két blokk, az egyik háttérnek van egy képe, és a másik háttér piros és átlátszósággal rendelkezik.

Html

CSS

div {szélesség: px; Magasság: px; Pozíció: abszolút; Top: 0px; Balra: 0px; } # Block1 {backgroun-kép (“kép / hab ‘); } # Block2 {Backround-Color: Red; ÁTLÁTSZATLANSÁG:; // Átlátszóság}

Az átlátszóságot 0 és 1 között mérjük. Természetesen nulla teljes átláthatóság.

2. Háttérszín: RGBA

Itt ugyanaz, csak egy tulajdonságban jelezzük mind a színét, mind az átláthatóságot.

Háttérszín: RGBA (0 ,,,);

Ez egy modern megközelítés, egyszerűbb, de nem minden böngésző helyesen jelenik meg.