效果展示:
在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>