jQuery Cycle Plugin в сочетании с CSSPIE приводит к пустым слайдам в IE8 и ниже - PullRequest
1 голос
/ 06 октября 2011

У меня есть слайд-шоу с изображениями, в котором используется плагин jQuery Cycle. Изображения имеют закругленные углы, поэтому я использую поведение CSS3PIE для поддержки этого в IE8 и ниже. Но с PIE отображается только первое изображение, в то время как другие изображения просто дают мне пустой слайд (в IE8 и ниже). Когда я отключаю пирог, все выглядит нормально.

Есть идеи?

Javascript:

$('#content-header-right-slideshow').cycle({
fx:         'fade',
speed:      1500,
timeout:    4000
});

HTML

<div id="content-header-right-slideshow">
<img src="/images/content-header-right-img01.jpg" width="283" height="249" title="" alt="" />
<img src="/images/content-header-right-img02.jpg" width="283" height="249" title="" alt="" />
<img src="/images/content-header-right-img03.jpg" width="283" height="249" title="" alt="" />
<img src="/images/content-header-right-img04.jpg" width="283" height="249" title="" alt="" />
</div>

CSS:

#content #content-header-right-slideshow {width:283px; height:249px; }
#content #content-header-right-slideshow img {-webkit-border-radius: 16px 0 16px 0; -moz-border-radius:  16px 0 16px 0; border-radius:  16px 0 16px 0; behavior: url(/css/PIE.htc); width:283px; height:249px; }
...