2015-11-08 38 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」會讓頂部塊不正確地工作......這太奇怪了.. –