我一直在尝试将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
上的两张比较图片有没有人有任何想法为什么会发生这种情况？我敢肯定这可能是一个简单的修复，但我似乎无法提出解决方案。
谢谢！