Sass Mixin per background rgba cross browser

| | 0 Comments

Vediamo un @mixin molto utile per creare un background-color con trasparenza cross browser utilizzando rgba che però non è supportato dai vecchi e noiosi IE. Avere un background rgba cross browser è particolarmente utile ad esempio nei lightbox per avere sfondo con trasparenza e contenuti con opacità piena.

Il mixin per background rgba cross browser con un div di esempio:

Il file css risultante una volta compilato:

Utilizzo:

Niente di più semplice, includete il mixin nel vostro _variables.scss e dove vi servirà scrivete:

@include rgba-background(#000000, 0.5);

il colore deve essere in esadecimale e l’opacità da 0 a 1.

Demo su Codepen

rgba background cross browser

Tags: , , , , ,

Category: Programmazione

About the Author ()

Studio Ingegneria Informatica e Bio. all' Università Magna Graecia di Catanzaro, sono appassionato di informatica, e mi piace praticare la pesca nelle acque dolci.