I am using the jquery script shown here - http://jqueryfordesigners.com/automatic-infinite-carousel/.
I have applied my own images as rounded png's into the slider on my site - http://67.225.219.80/
All is well in firefox and IE9 using border-radius. You can see the rounded corners are maintained even with the slider is sliding during auto mode and even when the slider is controlled by the arrows.
However in chrome/safari, the rounded corners disappear during the transition.
In addition to giving the outer div wrapper rounded corners (border-radius, -webkit-border-radius, etc.), I have also tried applying rounded corners to the nested ul, li, a, and img elements to see if it would work, still no solution.
I am also using css3pie, after some testing I've concluded that this is not the cause of the problem occuring in chrome/safari.
Anyone have any experience with this or guide me in the right direction would be much appreciated.
Thanks!
来源:https://stackoverflow.com/questions/7730807/chrome-safari-loses-rounded-corners-during-a-jquery-slide-transition