The problem is, the PNG fix doesnt seem to like background-position, and i end up with both (transparent) arrows pointing backwards in IE6! (Have a look at this screenshot to see what i mean).
Here is the CSS:
/* Transparent PNG Fix */
div.nivo-directionNav a, a.nivo-nextNav, a.nivo-prevNav {
behavior: url('/js/iepngfix.htc')
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(../images/slider/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
position:absolute;
top:40%;
z-index:99;
cursor:pointer;
}
a.nivo-nextNav {
background-position:-30px 0;
right:10px;
}
a.nivo-prevNav {
left:10px;
}
Question
Bollard
Hey all,
Im having some troubles with my website (see here). Im using the Nivo Slider and the iepngfix.htc.
The problem is, the PNG fix doesnt seem to like background-position, and i end up with both (transparent) arrows pointing backwards in IE6! (Have a look at this screenshot to see what i mean).
Here is the CSS:
Any ideas?
Thanks
Link to comment
Share on other sites
4 answers to this question
Recommended Posts