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+
Het zal je zelden voorkomen, maar de ondersteunde pseudo-selector :first-child in Internet Explorer 7 werkt niet meer als je je :first-child in de HTML vooraf gaat met een HTML comment, bekijk volgend voorbeeld:
Als je in je stylesheet hacks gaat inbrengen kan je daarmee de validatie ervan zeer sterk naar de knoppen helpen. Volgende manieren laten je toe valide CSS te schrijven die tegelijk als CSS hack kan dienen voor verschillende browsers. Voor Google Chrome en Apple Safari hacks kan je deze CSS Snippet raadplegen.
Opacity is het semi-transparent kleuren van elementen, (dus geen solide kleur) en wordt tegenwoordig door eigenlijk alle browsers ondersteund.
Alhoewel elke op een andere manier van implementeren.
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).