IE8的位置相對負值問題

我正在構建一個網站http://inbrackets.dk/marek/，在IE8中看起來很糟糕，我真的不知道如何解決它。IE8的位置相對負值問題

問題在於頭版上的圖片。重疊他們一點我用：

.marek-photo, 
.aref-photo, 
.truc-photo { 
    left: 80px; 
    position: relative; 
    height: auto; 
} 
.aref-photo { 
    left: -30px; 
} 
.truc-photo { 
    left: -120px; 
} 
.photos { 
    height: auto; 
    float: left; 
    border-bottom: 1px solid #003D3D; 
}

我知道，這並不是一個新問題，但我仍然無法找到一個妥善的解決辦法。任何幫助，高度讚賞！

來源

2013-02-20 Marek

嘗試在你的頁面插入的Modernizr庫http://modernizr.com

來源

2013-02-20 20:57:24

該網站使用了modernizr庫。然而，這並不能解決問題。 – Marek 2013-02-21 13:30:49

您正在使用CSS媒體查詢三個圖像的尺寸變更爲33％。 IE8-不支持媒體查詢（除了print，我相信）。添加一般屏幕規則將寬度設置爲33％或使用JavaScript。

來源

2013-02-20 21:04:37

感謝您的回覆！但是，添加寬度並不能解決問題。請提供其他想法嗎？ – Marek 2013-02-21 13:30:10

是不是剩下的負值：-30px;導致問題？在所有的瀏覽器中，這些圖片都是彼此相鄰的，而在IE8及更低版本中，它們會相互疊加。 – Marek 2013-02-21 13:42:44

IE8的位置相對負值問題

回答

相關問題