css实现div背景透明，文字不透明

最新推荐文章于 2022-02-25 09:10:27 发布

xlb_123

最新推荐文章于 2022-02-25 09:10:27 发布

阅读量812

点赞数 1

分类专栏： web前端开发 css相关文章标签： css div 背景透明文字不透明

本文链接：https://blog.csdn.net/qq736150416/article/details/51890347

版权

web前端开发同时被 2 个专栏收录

153 篇文章 1 订阅

订阅专栏

css相关

33 篇文章 0 订阅

订阅专栏

标签：

<div class="bg"></div>//透明背景层

<div class="name">
那谁谁5
</div> //层上显示文字

样式：

.bg{ position: relative;  float: left;  top: -76px; width:190px;  height: 40px;  background: #000;  FILTER: alpha(opacity=70);  opacity: 0.7;  -moz-opacity: 0.7;  z-index: 1;}
 .name { position: relative;top: -108px;  color: #fff;  z-index: 2;  width: 180px; height: 25px; line-height: 25px; text-align: center; overflow: hidden; }