上传了一个用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

在此先感谢您的帮助

倒钩

最佳答案

像这样更改脚本。

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

10-05 22:29
查看更多