放大IE会破坏相邻元素

时间:2017-05-29 13:08:35

标签: html css internet-explorer

我有几个相邻的元素,我根据页面上的另一个元素计算它们的位置 元素应围绕该元素 问题是在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//
    }
}
?>

正如你在小提琴中看到的那样,红色元素围绕着左边的一个矩形 图片:enter image description here

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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