我正在用FireFox 3.6.8测试以下脚本。以下脚本的问题在于,当用户放大时,浏览器视图根本不会增长。理想情况下,我希望浏览器底部的水平条越来越多。我确定我在这里错过了一些关键的CSS规则。

有人可以帮忙吗?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Zoom In</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style TYPE="text/css">
#nav-primary {
        border: border:5px solid red;
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -470px transparent;
}
#nav-primary .wrapper {
    background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -510px transparent;
    height: 39px;
    padding: 0 5px;
}
</style>
</head>
<body>
<div class="member" id="header">
 <div class="wrapper">
    <div id="nav-primary">
        <div class="wrapper">
        </div>
    </div>
 </div>
</div>
</body>
</html>


谢谢

最佳答案

将#nav-primary .wrapper css类的宽度设置为980px(这是图像的宽度)

07-24 16:04
查看更多