This is a migrated thread and some comments may be shown as answers.

IE7 IE8 PNG Button Hover Black Outline

1 Answer 36 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Isaac
Top achievements
Rank 1
Isaac asked on 08 Apr 2010, 02:29 PM
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?

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 12 Apr 2010, 12:39 PM
Hi Isaac,

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

<style type="text/css">
    .rrButton:hover
    {
        filter: none !important;
        opacity: none !important;
        -moz-opacity: none !important;
        -ms-filter: none !important;
    }
</style>

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,
Pero
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.
Tags
Rotator
Asked by
Isaac
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or