我正在组建一个站点，并从主页的 Foundation Framework 中获取了 Zurb 的 Orbit rotator。该站点在所有当前浏览器中都可以正常呈现，但客户端需要 IE8。我在 IE8 上留下的唯一问题是旋转器上的按钮没有采用 Orbit 的不透明度设置，因此当您访问主页时，所有幻灯片的按钮都会显示。有趣的是，当幻灯片旋转时，它会带上按钮，并且旋转器开始按预期运行。
任何帮助，将不胜感激。
问问题
327 次
2 回答
0
尝试将此添加到您的CSS：
.orbit-slide {display:none}
这应该隐藏幻灯片，直到它们被初始化
并删除这个：
.orbit .orbit-slide {right:0;}
这应该可以防止它们堆叠在一起
于 2013-02-26T16:13:26.523 回答
0
IE8 中 Orbit 中的子元素不会采用这些设置。所以 Orbit 将包含文本的 div 元素设置为 Opacity:0; 但子元素不尊重该设置。最终我们切换到另一个使用不透明度和显示混合的库来控制显示哪张幻灯片。
不过感谢您的帮助。非常感激！
于 2013-02-27T20:45:57.723 回答