Treehouse: Grow your CSS skills. Land your dream job.

[Solved] Anchor (A) opacity in IE

  • # November 13, 2009 at 10:36 am

    Hello all,

    Here is a simple HTML page.
    In Firefox or Safari, the link is transparent as expected.
    In IE (including version 8), the link is opaque. And I don’t know why…

    Here’s the code of the page :

    Any help would be greatly appreciated. Thanks in advance.

    # November 13, 2009 at 10:51 am

    try it as

    <A HREF="index.html" STYLE="font-size: 36px; background-color: #FFFFFF; opacity: 0.5; filter: alpha(opacity=50); zoom:1;">this is a transparent link</A>

    adding the zoom:1; is an opacity hack for IE – you might also want to try adding "position:relative;" if that don’t work.

    # November 13, 2009 at 11:56 am

    Thanks a lot Rob, it seems to work perfectly now. 8-)

    # November 13, 2009 at 12:11 pm

    awesome :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.