我一直在尝试将 zurb 基础 Orbit 滑块合并到一个预先存在的站点主页中，该主页具有许多链接（和锁定/只读）样式表。正如您可以想象的那样，这导致了许多浏览器兼容性问题的出现，但前几天我认为我终于让它工作了！
但是，我发现 11.6 之前的 Opera 版本会导致滑块显示特别不稳定......即使在只有滑块的空白页面上，幻灯片似乎只是从错误的位置开始。因此，例如，幻灯片 #1 将显示第一张图像的大部分（减去最左侧）以及第二张图像的开始左侧部分。
我在 jsBin 创建了一个页面来演示这个问题。 http://jsbin.com/aqejil/5/ 请注意，您可以使用右上角的按钮编辑 jsBin 上的代码。在 CSS 编辑选项卡中，我还包含了一个代码片段，该代码片段应该仅针对 Opera 11 中的不同滑块元素：
@media all and (-webkit-min-device-pixel-ratio:10000), not all and
(-webkit-min-device-pixel-ratio:0){}
.orbit-container {}
.orbit-container .orbit-slides-container {}
.orbit-container .orbit-slides-container img {}
.orbit-container .orbit-slides-container > * {}
.orbit-container .orbit-slides-container > * .orbit-caption {}
}
同样，这是Browsershots上的两张对比图
有谁知道为什么会发生这种情况？我确信这可能是一个足够简单的修复，但我似乎无法提出解决方案。
谢谢！