放大IE中断相邻元素

Question

我有几个相邻的元素，我根据页面上的另一个元素计算他们的位置。
元素应围绕该元素。
问题是，在IE上，当你缩放到某个点时，那些周围元素之间会出现一行像素。
我创建了一个的jsfiddle证明问题：

#first { 
    width: 100%; 
    height: 100px; 
    top: 0; 
    left: 0; 
} 

#second { 
    width: 50%; 
    left: 50%; 
    top: 100px; 
    height: 100px; 
} 

#third { 
    width: 100%; 
    top: 200px; 
    left: 0; 
    height: 100px; 
} 

正如你可以在小提琴看到：
https://jsfiddle.net/0vcomjsk/

在小提琴的DIV是根据以前的div的高度和顶部定位，红色的元素，在左边包围一个矩形。
图片：

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

Answer 1

我最终将div的不透明度更改为100％，使它们彼此重叠，并将它们全部放入不透明度为50％的新div中。 它解决了这个问题:)

Answer 2

尝试百分比设定，而不是像素的高度和顶部。