chrome/safari loses rounded corners during a jQuer

2019-02-26 13:09发布

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!

0条回答
登录 后发表回答