放大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

嘗試百分比設定，而不是像素的高度和頂部。