背景透明,文字不透明

Posted 和路雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了背景透明,文字不透明相关的知识,希望对你有一定的参考价值。

1、实现背景透明,文字不透明==>  rgba()

     实现思路:给背景图片这个的父元素加个跟它一样宽高的子元素,从而达到让子元素的背景从父元素中抽离出来,相当于把文字部分单独择出去,让子元素背景单独透明,相对于父元素绝对

2、实现背景、文字都透明   ==>  opacity()

.bg{

    position:relative;

    width:100%;

    height:870px;

    background:url(\'../img/bg.png\') no-repeat center;

}

.bg_touming{

    position:relative;

    left:0;

    top:0;

    width:100%;

    height:870px;

    background:rgba(255,255,255,0.9)!important;

    filter:Alpha(opacity=60); background:#fff;         

}

这两行表示:使用IE专属滤镜实现IE背景透明 ==>   

以上是关于背景透明,文字不透明的主要内容,如果未能解决你的问题,请参考以下文章

React Native设置背景透明,文字不透明的控件

CSS怎么设置让背景颜色透明,而文字不透明

文字不透明,背景透明

CSS实现背景透明而背景上的文字不透明

CSS实现背景透明而背景上的文字不透明

JS实现背景透明度可变,文字不透明的效果