效果展示:
在CSS中,當需要背景透明時,只要在這個16進制的6位數顏色代碼之后加上一個字母與數字,就可以讓當前這個層相應的純色有透明效果。
主要代碼:
background-color:#000000a8;
以下是演示代碼
<div style="background:#f20 url(2.jpg);width:100%;height:250px;padding:30px;">
<div style="background-color:#000000a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa111</div>
<div style="background-color:#ff6600a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa222</div>
<div style="background-color:#0066ffc1;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa3333</div>
</div>