Ved at bruge denne side acceptere du samtidig Brugbarts og vores partneres brug af cookies.

Læs mere

RGBA Farver

Reference på RGBA Farver - viser hvordan du kan arbejde med RGBA.

Redigeret: 2016-01-14 04:38

RGBA er en ny funktion i CSS som giver brugerne mulighed for at definere RGBA farver. "A"et i erklæringen står for Alfa. I modsætning til RGB erklæringer, omfatter RGBA en alfakanal - det betyder du kan lave farver gennemsigtige.

En alfa værdi på 1 er helt uigennemsigtig - en værdi på 0.5, vil gøre farven halv gennemsigtig.

RGBA Eksempel

Vist nedenfor er 2 div elementer der er overlappet ved hjælp af Position og Z-index. Eksemplet vist nedenfor er ikke et billede.

Koden brugt til eksemplet ovenfor:

<div style="position: relative;z-index: 1;background: #FF7751;width: 150px;height: 150px;margin: 0 0 35px 1em;">
  <div style="position: absolute;z-index: 2;background: rgba(0,0,255,0.5);width: 150px;height: 150px;top: 25px;left: 25px;">
  </div>
</div>

Se også

  1. Farver i HTML og CSS