首页 > 代码库 > 如何让字体显示在透明背景之上

如何让字体显示在透明背景之上

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

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

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

如何让字体显示在透明背景之上