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的位置相对负值问题

回答

相关问题