CSS设置背景颜色透明的两种方法（background）

最新推荐文章于 2024-08-22 16:10:15 发布

qq_46302247

最新推荐文章于 2024-08-22 16:10:15 发布

阅读量1.5k

点赞数

分类专栏： css 文章标签： css 前端 html

本文链接：https://blog.csdn.net/qq_46302247/article/details/129382984

版权

css 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

参考：https://blog.csdn.net/qq_45904018/article/details/126127191

文字和背景同时透明

<div style="width: 200px;height: 200px;Object-fit : contain">
   <p class="pp" >哈哈哈哈哈哈</p>
   <img src="../images/d.png"/>
</div>

.pp{
	width: 200px;
	position: absolute;
	color: white;
	font-size: 18px;
	background-color: #550000;
	opacity: 0.2;
}

在这里插入图片描述

背景颜色透明而文字不透明

<div style="width: 200px;height: 200px;Object-fit : contain">
	<p class="pp" >哈哈哈哈哈哈</p>
	<img src="../images/d.png"/>
</div>

.pp{
	width: 200px;
	position: absolute;
	color: white;
	font-size: 18px;
	background-color: rgb(85 0 0 / 46%);
  }