在我正在動物顯示列表中處理的網站上發生了一個非常奇怪的行爲。IE8/Compat View Bug - 所有圖像在Div的頂部彼此堆疊。需要幫助
這些動物是以網格格式佈置的。在IE8中打開compat模式時，動物圖片全部拍攝到屏幕頂部並堆疊在一起。
這對我來說是完全令人困惑的。我需要呼籲這個社區的才能來幫助我解決這個問題。
在IE8，它看起來還好，當兼容模式開啓時，圖像拍攝到頁面的頂部。我只能假設這種行爲是在IE7中發現的。
我不知道從哪裏開始排除故障。
更新1 - 下午12時16
我試過一個測試，我把動物顯示代碼，並去除無序列表，並用表格代替它。
Li元素中的股利似乎並不是罪魁禍首？
Certianly你需要清理你的標記，而不是使用<ul>和<li>結構與所有嵌套的<divs>時簡單<table>將很好地使用。
另外，通過更改div.center-photo-box-1可以得到更接近position:relative而不是static。這會讓你更接近...
不僅改變它相對讓我更接近，它完全修復了行爲，做得很好。 IE8和IE9中的 – 2011-06-02 16:26:31
，F12是你最好的朋友... – ShaneBlake 2011-06-02 16:41:33
<li>內部不能有<div>。當您在進行驗證時，我還會讓您的頁面出現更少的錯誤。
圖像Div內有很多功能，因爲有許多CSS選擇器可以反覆指向該div - 特別是有一些CSS允許圖像對齊vert/hori中心，而不管其尺寸如何。還有一個視頻圖標，也可以根據圖像的大小進行定位。 我應該擺脫無序列表並使用表格並將css類應用於每一行嗎？ – 2011-06-02 16:03:11
由於您擁有嚴格的網格式佈局，因此表格可以提供幫助。 – paulmorriss 2011-06-02 16:05:36
在IE7中檢查網站 - 相容模式是flakey，並不總是精確反映舊版本的ie。
如果你發現它是造成問題的原因馮·可以節省自己不得不通過簡單地告訴即使用下面的meta標籤不允許兼容模式做出改變只是兼容模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
想出大聲（或在文本中），嘗試針對IE 7的條件語句，並嘗試給每個父元素的父元素顯示：inline-block或height：1％抱着一隻寵物（.asr-wrap-animal）。 – gutierrezalex 2011-06-02 15:44:05