1

jQuery Cycle Plugin を使用する画像スライドショーがあります。画像は角が丸くなっているので、CSS3PIE 動作を使用して IE8 以下でこれをサポートします。しかし、PIE では最初の画像のみが表示され、他の画像では空のスライドが表示されます (IE8 以下)。PIE を無効にすると、すべて問題なく表示されます。

何か案は？

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; }
4

0 に答える 0