我希望我的背景图片居中，黑色背景延伸到页面的30％这是我的代码。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" text="type/css" href="../css/main.css">
<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" />
</head>
<body>
<div class="header">
</div>
</body>
</html>
和css：
.header {
background: url(../images/header_background.jpg) no-repeat center top fixed;
height: 100%;
width: 50%;
}
请帮忙！