Question

OK let’s say I have this

.test {
filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}

Yes, it works fine. The text-shadow appears in Internet Explorer. However… if I add a background for color like so:

    .test {
    filter:DropShadow(Color=#000000, OffX=1, OffY=1);
    background:#ffffff;
}

Can you guess what happens? The filter goes way! However, if I ,once again, remove the background property… the filter (text-shadow) comes back!

Help?

Answer 1

Have you tried placing the background attribute before the filter?

.test {
    background:#000000;
    filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}