een klant van me wil text-shadow toevoegen aan zijn tekst zoals op http://jouwstats.nl (enkel zichtbaar in IE, in de paarse, groene & blauwe box)
de code hiervoor is:
.iets {FILTER: DropShadow(Color=#7E2251, OffX=+1, OffY=+1);} (letterlijke copy)
google zoekwerk geeft:
filter:dropshadow(color=#9BAD71, offx=5, offy=5)
het maakt niet uit welke kleurencode of welke grootte voor offx (met of zonder +) het werkt niet bij mij
hier is een test code:
iemand een idee wat ik over het hoofd zie?Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Testje</title> <style type="text/css"> body{background:#F17D3A;color:white;} p{filter: dropshadow(color=#000000, offX=+1, offY=+1;color:white;} </style> </head> <body> <p> Mauris velit leo, facilisis pretium, pretium quis, laoreet eu, magna. Aenean eget nulla. Nam lacus. Nam et purus commodo turpis egestas viverra. Pellentesque id velit in arcu gravida pretium. Curabitur massa pede, luctus non, ultricies non, auctor id, quam.<br/> Proin ullamcorper, sapien eget vehicula mattis, justo purus fermentum massa, vitae tempor turpis enim nec lorem. Morbi fermentum. Fusce ut ipsum. Aenean vehicula metus vitae ante. Morbi id ligula. Vestibulum facilisis sodales arcu. Vestibulum tempus lectus vel est.<br/> Duis egestas, arcu blandit ornare adipiscing, ipsum augue sollicitudin tortor, id eleifend felis turpis nec lorem. Duis sit amet justo. Phasellus id elit. Proin rutrum mauris sed ante. In hac habitasse platea dictumst. </p> </body> </html>
edit: *only work on text if height and width are specified.*
-
25-03-2007, 14:51 #1
Particulier
- Berichten
- 224
- Lid sinds
- 18 Jaar
text-shadow
-
-
25-03-2007, 15:02 #2
Particulier
- Berichten
- 224
- Lid sinds
- 18 Jaar
oplossing:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Testje</title> <style type="text/css"> body{background:#F17D3A;color:white;} p{filter: dropshadow(color=#000000, offX=+1, offY=+1;color:white;width:100%;} </style> </head> <body> <p> Mauris velit leo, facilisis pretium, pretium quis, laoreet eu, magna. Aenean eget nulla. Nam lacus. Nam et purus commodo turpis egestas viverra. Pellentesque id velit in arcu gravida pretium. Curabitur massa pede, luctus non, ultricies non, auctor id, quam.<br/> Proin ullamcorper, sapien eget vehicula mattis, justo purus fermentum massa, vitae tempor turpis enim nec lorem. Morbi fermentum. Fusce ut ipsum. Aenean vehicula metus vitae ante. Morbi id ligula. Vestibulum facilisis sodales arcu. Vestibulum tempus lectus vel est.<br/> Duis egestas, arcu blandit ornare adipiscing, ipsum augue sollicitudin tortor, id eleifend felis turpis nec lorem. Duis sit amet justo. Phasellus id elit. Proin rutrum mauris sed ante. In hac habitasse platea dictumst. </p> </body> </html>
-
28-03-2007, 10:33 #3
Particulier
- Berichten
- 315
- Lid sinds
- 19 Jaar
Bedankt Cédric! Altijd handig zoiets!
-
28-03-2007, 13:48 #4
Particulier
- Berichten
- 224
- Lid sinds
- 18 Jaar
ja inderdaad
wel rekening houden met het feit dat dit enkel werkt in IE7 (zelfs 6 niet)
