html背景透明图片不透明,html - css实现背景透明内容不透明。
阿神2017-04-17 12:09:427樓
謝謝大家的建議,由于我接觸前端開發很淺,瀏覽器兼容的問題還不是很懂,目前還沒怎么考慮。
再加上我是想把背景設置為圖片,也不打算用處理過的半透明圖片,所以最終寫成了這樣:
.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 %}
有什么問題還請大家指教。
總結
以上是生活随笔為你收集整理的html背景透明图片不透明,html - css实现背景透明内容不透明。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 小米刷原生android系统下载地址,小
- 下一篇: idea解決tomcat乱码问题