問題與我的網站在IE8兼容性視圖看起來的方式

我會盡量讓這個儘可能簡單。我現在在一個網站上工作，你可以在http://wordpress.myecsinc.com看到。請記住，這是一個測試網站，並沒有完成，被稱爲在這裏和那裏的錯誤很多，但我打算修復這一切。問題與我的網站在IE8兼容性視圖看起來的方式

無論如何，當我在IE8兼容性視圖中查看網站時，底部的兩幅圖像會一起喧染（可以這麼說）。當我退出兼容性視圖時，它看起來應該如此。有沒有人有任何想法可能會導致這一點，我怎麼能解決它？

我試圖附上截圖，但它不會讓我，因爲我是這個網站的新手。只需在IE8中打開該網站並切換到兼容性視圖，即可看到我的意思。

預先感謝您！

2012-06-18 DigitalSky

左邊的圖像具有如下的CSS類導致了問題：

.index-nav-img { 
    position: absolute; 
    z-index: 0; 
}

如果該類被移除然後對準是固定的。這個班級有沒有一些原因是在第一張照片上而不是其他照片上？

注意我在firefox中測試了這個。

2012-06-18 16:19:06

哇，我是一個完全白癡......我不知道爲什麼我只在第一個圖像上有這樣的課，但我把它關掉了。這似乎修復了它。 – DigitalSky

只用螢火蟲找出錯誤。編輯出課程並修復它。 –

是的，我必須一直在研究這個問題很久，所以我忽略了這麼簡單的事情！有時候只需要看另一個人指出顯而易見的事情！ – DigitalSky

使用適當的元標記來強制IE超出兼容模式，而不必擔心這個問題。適當的標籤是：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

2012-06-18 16:21:34

謝謝！這是我不知道的一個很好的解決方案。 – DigitalSky

如果這是解決方案，那麼問題是什麼？我以爲你在測試你的網站在IE7中的樣子。 –

回答