CSS3 | CSS3 ook in oudere browsers

De nieuwe versie van CSS zit eraan te komen, maar wat nu met al die mensen die nog met hun verouderde browser zitten te kloten. Daar heb ik nu een oplossing voor gevonden.

Stel je wilt de volgende CSS3 code gebruiken voor je website:

#div{
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

Je zal dan zien dat het in IE6, IE7 en in IE8 niet werkt, maar doorvoor heeft CSS PIE (CSS Progressive Internet Explorer) een oplossing.

De oplossing

De oplossing is heel simpel, de website van CSS3PIE komt met een .htc bestand welke een aantal CSS3 properties mogelijk maakt in IE6 t/m IE8.  Het is een project wat nog in ontwikkeling is en momenteel hebben ze de volgende properties geheel of gedeeltelijk werken in de oudere versies van Internet Explorer:

Je hoeft alleen maar de volgende regel in je CSS op te nemen en je bent klaar: behavior: url(PIE.htc);

Nog in ontwikkeling

Zoals eerder gezegd is het systeem nog in ontwikkeling en zullen er steeds meer CSS3 properties ook beschikbaar worden in IE6,IE7 en IE8. Hoe SUPER is dat!!!

Vorige Portfolio item

Meer nieuws items

Vorige Portfolio item

Nieuws