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>