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