Safari 5给我一个奇怪的渲染问题。这是一个JS / jQuery图像带。单击一个时,它会从当前选定的图像中删除“已选择”类,并将其应用于您刚刚选择的图像,移动蓝色边框以显示更改。它还会更新它从JSON提要中检索的其他一些内容。
问题在于,当内容尺寸发生变化并推动皮带时,边框渲染会分开。看到它的最佳方式是在这张图片中。
之前有人见过这样的事吗?这是标记。
<span id="photo-index">1 of 21</span>
<span id="photo-caption"><span class="count">1.</span>bla bla bla</span>
<div class="jquery-belt" id="article-photo-belt">
<div class="window">
<ul class="clearFix" style="width: 2232px;">
<li class="selected">
<a href="#"><img width="75" height="75" alt="..." title="..." src="..."></a>
</li>
<li>
<a href="#"><img width="75" height="75" alt="..." title="..." src="..."></a>
</li>
<li>
<a href="#"><img width="75" height="75" alt="..." title="..." src="..."></a>
</li>
<li>
<a href="#"><img width="75" height="75" alt="..." title="..." src="..."></a>
</li>
</ul>
</div>
<span class="btn next"><a href="#"></a></span>
</div>