css怎么可以只让背景透明文字不透明

2021-03-12 07:02:06 字数 2474 阅读 4053

1楼:智慧小白菜

1、首先新建bai一个duhtml文件,添加一个div,设置宽度和高度zhi,dao以及背景色填充为红色。

内2、然后在父级

容div中插入一个子div,定义它的宽高,以及背景色(background:#fff;)。

3、然后添加一个透明度的**(opacity:0.6),保存后预览下效果,背景已经实现透明了,但是文字也透明了。

4、熟悉ps的同学应该都知道,在图层的上方,有个不透明度,把ps中图层不透明度设置为60%,就和网页中的效果一样了,他们是一个数值。

5、把刚才的背景色和不透明度**删除,换个**【background-color:rgba(255,255,255,0.6);】。

6、保存后看下效果,已经变成了背景透明,文字不透明啦。

7、其中255,255,255就是ps中的拾色器里的数值啦。

8、0.6同第一种方式是一个含义。

2楼:爽朗的许选

背景使用rgba的方式,然后使用滤镜兼容一些令人反感的浏览器,比如ie

//一般的高级浏览器都支持

background: rgba(255,255,255,0.1);

//ie8下

filter:progid:dximagetransform.

microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000);

第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。

这个颜色“#19ffffff”是由两部分组成的。

第一部是#号后面的19 。是rgba透明度0.1的iefilter值。从0.1到0.9每个数字对应一个iefilter值。对应关系如运行截图所示。

第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff;就是白色。

3楼:高级前端工程师

background:rgba(255,255,255,0.7)

4楼:网海1书生

如果背景是单色的bai,可不用css的透明du属性(即zhiopacity),而是使用透明色(利用rgba函数dao),比如专:

背景是透明度属0.5的红色,文字不透明

如果背景是**,则可以把背景和文字分别做成两个兄弟关系(而不是父子关系)的层,然后把背景层做成透明,再把文字层覆盖在背景层上即可,比如:

背景是透明度0.5的**,文字不透明

5楼:匿名用户

这个只能把文字放在透明的标签之外,然后定位,漂浮在透明层的上面

6楼:上海中公优就业

**如下:

背景透明,文字不透明

7楼:过儿无敌

可以使用rbga,如:background:rgba(0,0,0,0.3);

最后一个值是透明度,范围0到1,

前3个是rgb的颜色值。

8楼:匿名用户

别用#000这种;

用rgba(0,0,0,.6)

9楼:匿名用户

background:transparent;---纯透明

background:rgba(2,2,2,0.6)--自己设定

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

10楼:匿名用户

1、首先我们新建一个html文件,添加一个div,设置宽度和高度,以及背景色填充为红色。

2、然后在父级div中插入一个子div,定义它的宽高,以及背景色。

3、然后我们添加一个透明度的**(opacity:0.6)。

4、在图层的上方,有个不透明度,我们把ps中图层不透明度设置为60%。

5、把刚才的背景色和不透明度**删除,换个**【background-color:rgba(255,255,255,0.6);】。

6、其中255,255,255就是ps中的拾色器里的数值。

11楼:幻翼高达

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础**。

2、在index.html中的标签中,对“article”添加样式:opacity: 0.5;,对“article p

”添加样式:opacity: 1;。

3、浏览器运行index.html页面,此时背景是50%透明度,但字体是不透明的。

12楼:网海1书生

article

article p

13楼:鰟鮍鱼

背景和文字是两个相邻的盒子,不是嵌套关系

PS的渐变透明问题,背景渐渐白色透明,前景是白色文字

1楼 匿名用户 这种什么问题 透明 白色 你在 上用蓝底当然是显示出来了 但是你在 查看器上查看 他是白底 再加上你是白底透明 白色文字当然没显示那么清楚了 你上面不是做了吗 那就是跟你说的一样 渐变到透明 再打上白色文字 然后保存png格式后再导入 中使用就好了 2楼 匿名用户 给图层添加蒙版,然...

ps抠图背景怎么透明,用PS抠出来的图怎么把白色背景去掉变成透明的?

1楼 蛋蛋只属于妳 楼主您好,很高兴为您答疑解惑,请选择优质回答 好评 采纳 采纳答非所问的回答,以及恶意刷分将被加密处罚,请谨慎。如有其他问题,请将问题阐述清楚,采纳后继续追问! 一 使用软件 photoshop 二 方法步骤 1 首先使用photoshop打开需要处理的 。 2 双击背景图层解锁...

美图秀秀里怎么把黑色背景变成白色或透明

1楼 飞星 具体操作步骤如下 第一 打开美图秀秀,点击右上角的 新建 第二步 选择最左侧的 白色 ,然后点击 应用 就可以了 2楼 天使没带面具 你把除黑色部分抠出来换背景 表示ps弄这个比较简单额 3楼 甜甜的丶 把素材用抠图笔抠下来 美图秀秀里怎么把黑色背景变成白色或透明 4楼 衣若谷斯丁 具体...