Question

上传了使用Dreamweaver构建的网站。谷歌和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>

Safari不显示Div

1 个答案: