javascript - Safari 不显示 Div

Question

上传了一个使用 Dreamweaver 构建的网站。 Google 和 Firefox 可以正确显示网站，但 Safari 的 div 有问题。通过 Safari 和 Google 中的 Inspect Element 检查站点，结果如下。

在 Safari 中

<div id="cycle" class="fluid" style="position: relative; width: 0px; height: 0px;"></div>

在谷歌

<div id="cycle" class="fluid" style="position: relative; width: 440px; height: 432px;"></div>

该站点也可以在使用 Safari 的移动设备上正确显示。只有桌面版才会引起悲伤。

以下是桌面尺寸的 CSS

.gridContainer {
width: 89.3181%;
max-width: 1232px;
padding-left: 0.3409%;
padding-right: 0.3409%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
#header {
}
#nav {
}
#cycle {
width: 58.0152%;
clear: none;
float: left;
margin-left: 0;
border: solid black 2px;
position:inherit;
}
#content {
width: 39.6183%;
clear: none;
float: right;
margin-left: 9.1603%;
border: solid black 2px;
}
#footer {
}
#circles {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}

该网站尚未完成 www.drophatproductions.com/Test/index.html

预先感谢您的帮助

倒钩

Answer 1

像这样更改您的脚本。

<script type="text/javascript">
$(window).load(function() {
   $('#cycle').cycle({ 
        fx:    'fade', 
        speed:  3000 
     });
}); 
</script>