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+

Ik was verbaasd te zien dat, zelfs zoveel jaren later, het probleem nog steeds bestaat voor Internet Explorer 6 – dus ik dacht dat ik deze snippet even tentoon stel.
Wees gewaarschuwd, als u werkt met Internet Explorer 6, de browser zal zeer waarschijnlijk crashen, waarbij al uw geopende vensters eveneens zullen ineenstorten, en mogelijk wordt daardoor uw systeem onstabiel. Ik zou adviseren u om uw werk opslaan.

Eén CSS hack voor internet Explorer 6, die alle problemen in één keer oplost? Hij bestaat, maar je moet voor jezelf uitmaken of je hem toepast of niet, wees er voorzichtig mee, maak een statement of blijf ondersteunen:

Een menu dat openklapt als je over het bovenliggend navigatie item hovert. Dat is het doel, maar niet altijd eenvoudig te realiseren. Volgende CSS Snippet is een crossbrowser eenvoudig dropdown menu dat met een beetje JavaScript zelf in Internet Explorer 6 werkt.

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.