2

我正在开发一个年报网站,至少需要兼容IE、FF、Safari等主流浏览器。我对 jquery 效果有几个问题。

我在页面上添加了一个 jquery 幻灯片显示效果,它部分显示主要内容 div 几秒钟,然后它会动画显示其余内容。我已经在 WinXP 上的 IE6、IE7 和 FF 3 上对其进行了测试,并且运行良好。它也适用于FF3中的MAC。

然而,该页面在 MAC 上的 Safari 4.04 中存在一个严重问题:整个动画 div 内容向最右侧移动,其宽度与内容的原始宽度一样多。我还注意到,如果我删除了“溢出”相关的 css 代码,那么 div 最初会显示在正确的位置,但当然 jquery 幻灯片效果将无法正常工作,因为最初它需要使用“溢出”隐藏内容。随着 jquery 动画的开始,div 也会再次移动。

这是链接: http: //www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html

这个问题有什么解决方法或解决方案吗?

另一个小问题是动画幻灯片效果在某些情况下无法打开并始终显示内容。底部有时会过早地被剪裁和裁剪,并且在所有浏览器上都会发生,但并非总是如此。我猜它在正确计算内容 div 的正确高度时存在问题。有没有办法强制执行正确的高度计算?

4

1 回答 1

1

当我添加clear:left;到您的id="mainContent"元素的样式时,它会更正它。

于 2010-02-28T21:53:07.003 回答