IE7 IE8 PNG Button Hover Black Outline

2 posts, 0 answers
  1. Isaac
    Isaac avatar
    4 posts
    Member since:
    May 2009

    Posted 08 Apr 2010 Link to this post

    Hi I need an urgent fix for this issue. We are using pngs for the left and right arrows on the scroller. In IE7 and IE8 when we hover over the arrows the png transparency breaks causing a jagged black outline around the arrow!

    [In addition the disabled state of the button's filter is set to 50% causing a gray jagged line, but I have solved this by setting it to 0% so the disabled button state is invisible. I cannot however use this solution for the hover issue above.]

    Manually setting the filter alpha opacity to 100 on a png button (any state) creates the jagged black outline.

    How can I completely disable the code that is apparently setting the opacity of the .rrButton:Hover state? Why is it there?
  2. Pero
    Pero avatar
    1156 posts

    Posted 12 Apr 2010 Link to this post

    Hi Isaac,

    Please, try the following CSS and let me know how it goes:

    <style type="text/css">
            filter: none !important;
            opacity: none !important;
            -moz-opacity: none !important;
            -ms-filter: none !important;

    In case the problem persists, please send the images that you apply to the rotator's buttons, and the source code that declares the rotator.

    Sincerely yours,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. DevCraft R3 2016 release webinar banner
Back to Top