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