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

2018-06-24 01:11:40来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS3 Transform、Transition和Animation属性总结

下一篇:DOCTYPE声明作用?标准模式与兼容模式?