.divOne { text-shadow: 3px 4px #666; }
which adds a drop shadow hex code #666 3px to the right and 4px down from the original text. However text-shadow works on only Firefox, Opera and WebKit browsers. It is not supported in IE.
In IE 5.5+ you have to use DXImageTransform.Microsoft.Shadow which creates the illusion of a shadow. Here’s how to use it
![IE Shadow Filter IE Shadow Filter](http://lh3.ggpht.com/-b9JAxl12vF0/Tie5UQni0WI/AAAAAAAACGU/6RMN7Nl_tow/image%25255B2%25255D.png?imgmax=800)
You can also use the Shadow Filter app to achieve the desired effect. It creates CSS markup for you based on the selected values
![IE Shadow Filter IE Shadow Filter](http://lh6.ggpht.com/-xDPAYfLz2GI/Tie5VzM7-1I/AAAAAAAACGY/VYqiNkCMnn8/image%25255B6%25255D.png?imgmax=800)
Note: In IE9, this feature has been deprecated and the effect of this filter can only be viewed and not printed.
Tweet
1 comment:
Nice post. Thank you for taking the time to publish this information very informative; so happy to be given a privilege to post a comment here.
aissa
www.joeydavila.net
Post a Comment