谢谢大家的建议,由于我接触前端开发很浅,浏览器兼容的问题还不是很懂,目前还没怎么考虑。
再加上我是想把背景设置为图片,也不打算用处理过的半透明图片,所以最终写成了这样:
.back{
position: absolute;
width: 1500px;
height: 1500px;
margin-left: 0px;
margin-right: 0px;
background: url(images/back.png);
background-attachment: fixed;
background-repeat: no-repeat;
opacity: 0.35;
z-index: 0;
}
.col-lg-10#content{
height: 1500px;
margin-left: 5px;
margin-right: 5%;
margin-top: 0px;
background: rgba(255,255,255,0.8);
z-index: 1;
}
.container{
height: 1500px;
margin-left: 0px;
}
.container-back{
margin-left: 5px;
margin-right: 5px;
}
{% block content %}
{% endblock %}
有什么问题还请大家指教。