我想做成背景透明,中间的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框架。
求大神解答!!
谢谢大家的建议,由于我接触前端开发很浅,浏览器兼容的问题还不是很懂,目前还没怎么考虑。
再加上我是想把背景设置为图片,也不打算用处理过的半透明图片,所以最终写成了这样:
有什么问题还请大家指教。