显示内联块li元素时Chrome中的错误

时间:2012-10-26 20:53:48

标签: javascript jquery google-chrome cross-browser css

我是网络编码的新手,在我尝试创建基于jQuery的菜单栏以及下拉菜单时,我偶然发现了broswers之间的一些巨大差异。下面你可以看到,虽然FF和Safari是相同的,IE实际上是行为,Opera是好的,Chrome完全错了。据我所知,我拥有所有最新版本。

what happens in different browsers

我从这里删除了代码并将其粘贴到:(不想让我正确链接)所以:jsfiddle.net/2hCR2 /

以防万一,不需要支持旧版本的IE(6-7)。

现在我最关心的是定位方面。非常感谢任何帮助!

****编辑:**继续玩Chrome开发者工具后,我意识到当我手动将第一个列表(裤子/ T恤)设置为display:block时,它会按预期显示(完全像图像中的FF和Safari)所以看起来这更像是一个javascript / jQuery问题没有正确更新DOM(?)。我还注意到,当我把代码放在JSFiddle中并在Chrome中运行脚本时它会产生相同的错误,但是当我在FF中运行JSFiddle(完全相同的小提琴链接)时它会正确呈现。

1 个答案:

答案 0 :(得分:1)

在Chrome Canary(版本24)中不会发生,但它在稳定版本(版本22)中会发生。显然这是一个已修复的错误。

您可以等待一两个月,以便所有Chrome用户都能获得此修复,或者只使用.show()代替.show(0)