html div背景不透明度,css实现背景透明内容不透明。

谢谢大家的建议，由于我接触前端开发很浅，浏览器兼容的问题还不是很懂，目前还没怎么考虑。

再加上我是想把背景设置为图片，也不打算用处理过的半透明图片，所以最终写成了这样：

.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 %}

有什么问题还请大家指教。