Question

当我放大IE7时，位置相对的元素会重叠。我该如何解决这个问题？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5</title>


<style type="text/css" media="all">
.wrapper{width:500px;height:1000px;border:1px red solid;}

.block1{border:1px red solid;width:100px ;height:100px;position:relative;}

.block2{border:1px red solid;width:100px ;height:100px;}

.block3{border:1px red solid;width:100px ;height:100px;}
</style>


</head>

<body>
<div class="wrapper">
<div class="block1">A</div>

<div class="block2">B</div>

<div class="block3">C</div>
</div>
</body>
</html>

我尝试将zoom：1添加到.block1，但它不起作用

Answer 1

.block1 {
    zoom: 1 ;
}

尝试这样的事情，希望这有帮助。

当我放大IE7时，如何解决此元素重叠问题？

1 个答案: