我正在使用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>谢谢
发布于 2010-08-27 02:33:32
设置#nav-primary .wrapper css class的宽度为980px(这是图像的宽度)
https://stackoverflow.com/questions/3577771
复制相似问题