Drop shadow – ofwel de illusie dat iets zweeft en diepte heeft – wordt al jarenlang met afbeeldingen gedaan, ofwel met nuffige semi-CSS oplossingen.
CSS3 is nog niet voor elke browser 100%, maar drop shadow is één van de zaken die we nu reeds kunnen doen en het werkt in:
- Firefox 3.5+
- Safari 3+
- Google Chrome
- Opera 10.50
- Internet Explorer 5.5+
Je kan CSS via conditionele comments (zie eerdere Snippet) toevoegen, maar je kan in plaats van een extra CSS bestand, conditioneel een extra class toevoegen aan zoals in dit voorbeeld de body tag.
Een erg nuttige toevoeging in Internet Explorer 8 is de mogelijkheid om vanuit de Developer Tools direct de compatibility modus van de site te wijzigen. Je kunt switchen tussen Quirks mode (gedrag van IE5), Strict (gedrag van IE 7) en Standards (gedrag van IE8).
Conditional comments kunnen je helpen bij het maken van CSS voor enkel één of meerdere versies van Microsoft Internet Explorer. Enkel deze browser kan de code tussen de conditionele comments lezen en dus uitvoeren.
Browsers die de CSS box model verkeerd verstaan plaatsen de border en padding atributen binnenin de effectieve breedte. Dit geeft verwarring bijvoorbeeld met Internet Explorer 6 en Internet Explorer 5.