Support » Themes and Templates » how to make text-shadow display in Internet Explorer.

  • Resolved Sandra408

    (@sandra408)


    Hi.

    I am working on a theme based on TwentyTen.

    Does anyone know how to make text-shadow show in Internet Explorer?

    My code:

    #access .menu-header ul li, div.menu ul li {
        color: #FFFFFF;
        text-shadow: 0 -1px 1px #DF180B;
    }

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You could use a filter in your css like so:

    filter:DropShadow(Color=#000000, OffX=1, OffY=1)
    Usage:

    {FILTER: DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)}
    Color is the name or RGB value of the color for the shadow.
    OffX and OffY are the number of pixels to offset the shadow from the object. Positive integers move the shadow to the right or down. Negative integers move the image to the left or up.
    Positive can be set to 1 or 0. For normal objects, Positive=1 creates a normal drop shadow and Positive=0 creates a shadow within the non-transparent region with the shadow direction reversed. For transparent objects, the reverse is true.

    Thank you for the very informative answer. You helped me a lot.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to make text-shadow display in Internet Explorer.’ is closed to new replies.