我无法使用 css3 和 html5 获得渐变 .jpg 图像（在 PhotoShop 中创建）来覆盖整个页面。我已经阅读并尝试了所有我能找到的东西，要么没有效果，要么“修复”完全删除了背景图像。这是代码，我尝试了很多不同的解决方案，包括 w3schools.com，我可能错过了明显的（我希望）：
@charset "UTF-8";
#main_container {
display: block;
clear: both;
overflow: hidden;
width: 960px;
height: 100%;
margin-right: auto;
margin-left: auto;
box-shadow: 0px 5px 10x 0px #362819;
background:#738A7A;
text-align: justify;
text-align: left;
border: 5px double #99AFA3;
}
body {
font-family:Tahoma,"Century Gothic","Lucida Grande";
font-size: 1.1em;
font-weight:bold;
line-height:1.5em;
padding:0px;
margin-bottom:15px;
background-color: #587056;
background-image: url('img/bkg.jpg');
background-size:cover;
}
#header {
text-align: center;
width: 960px;
}
#container {
line-height: 1.5em;
text-align:left;
color: #331100;
border: 4px ridge #587056;
padding: 8px;
margin: 8px;
width: 60%;
float: left;
}
感谢您的任何帮助。