HTML 幻灯片中的 JQuery Cycle2 插件布局仅在 Safari 中损坏

Question

http://stepladderuk.com/dev/wtf/

这是一个使用 cycle2 插件的 slider ，它不是在图像之间旋转，而是在 div 之间旋转。 div.content-slide

这适用于所有浏览器，甚至是 IE8!但在 Safari 中尝试，它不喜欢它。

当我禁用 cycle2 时，会发生这种情况(在 Safari 中)

这表明当 cycle2 没有初始化时，面板的布局保持不变。据我所知，这不是布局/CSS 问题。

Answer 1

你在某些方面是对的，但要解决这个问题你仍然需要寻找 css 方式。 在你的 css 文件 main.css 添加一行如下:

#space_plans .cycle-slideshow .content-slide {
      height: 100%;
      width: 100%; //Add this
      position: relative; 
}

问题是 slider 插件阻止 Safari 从父级继承宽度或从子内容计算宽度。