怎样让字体显示在透明背景之上

Posted 2020-09-11

    opacity透明在网页制作中使用会很多，为了增加好看的效果，透明的样式肯定是必不可少的。

    记得之前做一个网页，其中一个块给了个30的高，背景半透明的黑色，上面有一排导航，导航字体的颜色也就成了灰黑色，本来是想做成白色字体，怎么改都不行，以为是字体的ul层在背景块的下面，想用z-index把字体的层高提高，但是没用。

    那时候还不知道opactiy它的应用或者说是代码书写格式分为两种，一种是用opacity取值0-1之间；想要内容显示在透明背景的上面，不同背景一起变透明,就需要直接使用rgba（0，0，0，0）后面的小括号里面跟四个值，前三个是颜色的对应值，最后一个是背景的透明度值，这样就可以了。