Menu Over Banner

4 posts, 0 answers
  1. Satya Joshi
    Satya Joshi avatar
    2 posts
    Member since:
    Aug 2009

    Posted 20 Aug 2009 Link to this post

    Hello,
    I have this RadMenu placed over a banner. The menu items have their own images. These images are leaf-shaped and have a transparent background. The problem am facing is that the menu item images are shown in a rectangular box with a white background. How would i make the background of the menu items transparent so that they display the banner in the background?

    Thank you,
    Satya
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 21 Aug 2009 Link to this post

    Hi Satya,

    Do you have a live URL that you can share with us? There are several things that come to mind, but noone can be certain from your description. You could use a tool like Firebug or IE's developer toolbar in order to find the elements that have background; and are the images by any chance 24-bit PNGs?

    All the best,
    Alex
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Satya Joshi
    Satya Joshi avatar
    2 posts
    Member since:
    Aug 2009

    Posted 21 Aug 2009 Link to this post

    Hello Alex
    We are still in Dev and don't really have a URL I could share. The menu item images are .PNGs. I could send you screen shots and individual image files that make up my menu for a closer look.

    Thanks,
    Satya
  4. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 24 Aug 2009 Link to this post

    Hi Satya,

    The problem is caused by an infamous IE bug - the alpha channels of 24-bit PNGs are rendered with a gray matte. There are many work-arounds of the problem, and people have already written some automatic solutions to fix it.

    The cleanest solution to the problem is to adjust your CSS like suggested in the following article. Of course, you can choose to use an automated solution, like the IE PNG Fix - it could, however, introduce performance problems.

    Regards,
    Alex
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top