我正在用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(这是图像的宽度)