AnythingSlider issue in IE 6/7/8 when toggleArrows = true

[crunch42]

See new home page test in IE6, IE7, or IE8 (it works in IE9 and all other browsers). The arrows on the left and right look totally wrong. They work fine if I set toggleArrows = false, but I don’t want to do that.

[crunch42]

That fixed half the problem. Now the arrows are not cut in half, but the parts of the arrows that use PNG shading are showing as solid black. You can’t see this in IE9, not in any of the compatibility views, only in actual IE8. Strange.

[crunch42]

And the fix for the PNG shading turning to black if toggleArrows = true, in case it helps anyone, is to add this CSS to anythingslider.css or local to the page:

div.anythingSlider .arrow a {

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */

zoom: 1;

}

[Author]

Posts