好的,这就是问题 - 当我淡入或淡出一些绝对定位的图像时,它在除了IE之外的每个浏览器中工作,这是我存在的祸根。而且它甚至没有做我在其他地方看到过的东西 - 它正在淡化图像,但在转换过程中它会消除部分图像。
以下是我用于幻灯片演示的代码:
jQuery(function(){
$('#images div:gt(0)').hide();
setInterval(function(){
$('#images .current').fadeOut(1000,
function({$(this).removeClass('current')})
.next('#images .slide').fadeIn(1000).addClass('current')
.end().appendTo('#images');},
6000);
});
这里有一些HTML:
<div id="images">
<div class="slide current">
<a href=""><img class="centerlarge" src="jpg" width="349" height="241" alt="" /></a>
<img class="leftsmall" src="jpg" width="116" height="115" alt="" />
<img class="rightsmall" src="jpg" width="132" height="130" alt="" />
</div>
<div class="slide">
<a href=""><img class="centerlarge" src="jpg" width="349" height="232" alt="" /></a>
<img class="leftsmall" src="jpg" width="116" height="115" alt="" />
<img class="rightsmall" src="jpg" width="132" height="130" alt="" />
</div>
<div class="slide">
<a href=""><img class="centerlarge" src="jpg" width="349" height="232" alt="" /></a>
<img class="leftsmall" src="jpg" width="116" height="115" alt="" />
<img class="rightsmall" src="jpg" width="132" height="130" alt="" />
</div>
</div><!-- images -->
就像我说的,我使用的唯一CSS就是绝对定位,这本身并没有引起问题 - 我将其关闭,但IE仍然会切断部分图像。我已经尝试了cleartype修复,但这也没有用。
有没有人见过这个问题?我完全糊涂了。
编辑[rodaine]:这是此问题的图片。
编辑[rodaine]:这是一张应该如何看的图片(注意西红柿和草莓)