css实现背景透明内容不透明。

我想做成背景透明，中间的container不透明的样子

<div class="back">
<div class="container bs-docs-container">
        <div class="col-lg-10" role="main">
            {% block content %}

            {% endblock %}
        </div>
</div>
</div>

css：

.back{
    position: absolute;
    margin-left: 20px;
    margin-right: 20px;
    background: url(images/back.png);
    background-repeat: no-repeat;
    opacity: 0.35;
    z-index: 1;
}

网上有说把position设置成absolute，但这样压根不显示了。
用z-index也不行。
用的是flask框架。