Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML幻灯片中的JQuery Cycle2插件布局仅在Safari中中断_Jquery_Html_Css_Safari_Jquery Cycle2 - Fatal编程技术网

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

HTML幻灯片中的JQuery Cycle2插件布局仅在Safari中中断,jquery,html,css,safari,jquery-cycle2,Jquery,Html,Css,Safari,Jquery Cycle2,这是一个使用cycle2插件的滑块,它不是在图像之间旋转,而是在div之间旋转div.content-slide 这在所有浏览器中都能正常工作,即使是IE8!!但在Safari中尝试一下,它不喜欢 当我禁用cycle2时,会发生这种情况(在Safari中) 这表明当cycle2未初始化时,面板的布局保持不变。因此,就我所知,这不是一个布局/CSS问题。您在某些方面是正确的,但要解决这个问题,您仍然需要寻找CSS方法。 在css文件main.css 添加一行,如下所示: #space_plans

这是一个使用cycle2插件的滑块,它不是在图像之间旋转,而是在div之间旋转<代码>div.content-slide

这在所有浏览器中都能正常工作,即使是IE8!!但在Safari中尝试一下,它不喜欢

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


这表明当cycle2未初始化时,面板的布局保持不变。因此,就我所知,这不是一个布局/CSS问题。

您在某些方面是正确的,但要解决这个问题,您仍然需要寻找CSS方法。 在css文件
main.css
添加一行,如下所示:

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

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

哪个操作系统?控制台出错?OS X 10.8.5控制台中无错误