放大IE会破坏相邻元素

Question

我有几个相邻的元素，我根据页面上的另一个元素计算它们的位置 元素应围绕该元素 问题是在IE上，当你缩放到某一点时，周围元素之间会出现一行像素 我创建了一个jsfiddle来证明这个问题：
https://jsfiddle.net/0vcomjsk/

小提琴中的div根据前一个div的高度和顶部定位：

<?php
$email = "mytestemail@amn.com";
if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    die("Not a valid e-mail address!");
} else {
    if(empty(preg_match("/@amn.com$/", $email))) {
        die("E-mail must end with @amn.com!");
    } else {
        //valid//
    }
}
?>

正如你在小提琴中看到的那样，红色元素围绕着左边的一个矩形 图片：

如果您在IE上打开此页面并进行足够的缩放，您将能够看到这些div之间的空行像素。
图片：

Answer 1

尝试以百分比而不是像素设置高度和顶部。

Answer 2

我最终将div的不透明度更改为100％，使它们相互重叠，并将所有这些都放在不透明度为50％的新div中。 它解决了这个问题：）