Lavorando all’ennesimo sito internet avevo la necessità di gestire in maniera dinamica l’opacità di alcune immagini. Più precisamente si trattava di bottoncini in formato PNG che, quando non attivi, dovevano diventare semitrasparenti in modo da essere visibili ma comunque in secondo piano rispetto al resto della pagina.

Dopo una breve ricerca, la buona notizia: è possibile gestire l’opacità delle immagini direttamente via CSS, senza dover necessariamente creare due immagini differenti. La cattiva notizia? Il codice CSS che gestisce l’opacità è differente a seconda che si usi Firefox (e con lui ogni altro browser ragionevole che sia stato inventato) o Internet Explorer. Nonostante questo, però, si possono inserire entrambi i codici per gestire l’opacità, e il browser riconoscerà soltanto “quello che gli compete”. Continua a leggere »