2015-11-08 30 views
3

这里我做了这个页面使用jQuery - http://peterhay.com/Fluxx/peopleDIV块不回迁的jQuery toggleSlide后

它工作正常,谷歌浏览器旁边的任何浏览器或设备..

图片的第一排好的工作,但任何其他行(第二或第三等..)不会后jQuery的“detail_block”div得到“显示:无”造型...请检查与谷歌浏览器的页面,看看你自己。

单击第二行或第三行的任何图片,然后再次单击“detail_block”获取的“隐藏”,下面的行将不会出现...如果您单击第一行的任何图像,一切正常..

有人可以请帮我这个我不明白什么是错的...和它的作品在其他浏览器很好...

谢谢

+2

我会先验证您的DOM。当不符合标准时,每个浏览器都会有不同的反应。 https://validator.w3.org/nu/?doc=http%3A%2F%2Fpeterhay.com%2FFluxx%2Fpeople – Chris

回答

3

看样子<br>标签你在<div itemprop="articleBody">里面导致了Chrome中的问题。它不会和你的浮动div很好地搭配。我建议删除<br>标记并使用clear属性清除浮动。

.pages_highlight_box { clear: left; }

卸下<br>解决在Chrome中的问题。

+0

非常感谢你。我仍然不明白为什么那个“br”会让顶部块不正确地工作......这太奇怪了.. –