Kontakt

The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque. But if you want to use that in your design, what about IE? Here’s how to do it.

A while ago I made a design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). All fine and well, I threw in some border-radius and box-shadow, and from Opera through Firefox to Webkit, it looked increasingly better. Great, I’m all for progressive enhancement. Except it of course looked really bad in IE. I set out to find an acceptable solution.

partner_1

partner_1

Senatsverwaltung für Bildung, Jugend und Familie

Bild Senatsverwaltung für Bildung, Jugend und Familie

partner_2

partner_2

partner_4

partner_4

partner_3

partner_3

Partner Senatsverwaltung für Jugend und Bildung Berlin

Logo Senatsverwaltung für Jugend und Bildung Berlin

Partner Sportjugend Berlin

logo Sportjugend Berlin

Partner Jugendnetz Berlin

Logo Jugendnetz Berlin

Partner SPI Programmagentur

Logo SPI Programmagentur

Partner Berlin

logo beBerlin

hintergrundbild gsj berlin