jQuery Cycle Plugin与CSSPIE结合使用会在IE8及更低版本中生成空幻灯片

时间:2011-10-06 09:01:38

标签: jquery cycle css3pie

我有一个使用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; }

0 个答案:

没有答案