Is there a simple way to add text-shadow: to the LI’s on my OL’s and UL’s?
What I need is LI images(disc, circle, decimal, etc.) to be text shadowed the same as text within the LI
here is screen cap of my OL with list-style:decimal; As you can see the images are plain and the text is shadowed.
Here is the markup or that section of page in image;
I have tried this class
but it didnt work like the text-shadow on this class
The live example of page right click here
Here is my CSS file
The only way I know of would be to use an image with a drop shadow on it, and use list-style-image. Read this
1) (only appears to work in FF3.6 because text-shadow is mostly non-supported due to being a CSS3 attribute)
Make a wrapper DIV around your OL applying the text-shadow attribute to the DIV.
2) For a cross-browser solution:
identical duplicate content ABSOLUTE POSITIONED DIVs
There are more complicated solutions out there so that the shadow appears to fade, but this will work.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".