当前位置： 首页 > 资讯

CSS透明背景图片时文字也变透明，如何解决？

发布日期： 2024-11-03 阅读量： 作者： 网络

css透明背景图片时文字也变透明，如何解决？

透明化背景图片时文字也变得透明的解决方案

在 css 样式中，通过使用 -webkit-filter 属性为背景图片设置透明度时，可能会出现文字也变得透明的问题。这是因为 -webkit-filter 也会影响到元素的所有子元素，包括文字。

为了解决这个问题，可以使用 background-color 属性来设置背景色并指定透明度。然而，在某些情况下，使用 background-color: rgba(255, 255, 255, 0.5) 也会使文字透明。

为了解决这个问题，我们需要在 css 中指定明确的文字颜色：

.middleBom {
  width: 45%;
  height: 25%;
  padding: 0.3rem;
  margin: 0;
  position: absolute;
  bottom: 3%;
}
.middleBom:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../../assets/image/Slice-42_03.png") center/100% 100% no-repeat;
  display: block;
  position: absolute;
  opacity: 0.7;
}
.middleBom p {
  color: #000; /* 设置文字颜色 */
}

相关文章：做国内广告联盟赚钱的5个入门要点和注意事项！怎么评估我们的产品或者服务是不是适合联盟营销？ cpa广告联盟上日赚1000+的方法和经验分享! 亚马逊怎么站外引流促销推广？有哪些方式？微博推广方法有哪些？常见的5个微博推广方法介绍！想要通过app推广赚钱？教你6招快速进行吸粉引流的推广方法！ app引流难？分享几个最有效的app推广渠道和方法！淘宝店关闭了怎么退货？恶意关店如何处理？ 3种非常火爆的APP推广方法以及实用小技巧分享！利用网站推广，如何做网站优化？社区论坛引流的5个小技巧，助你高效引流！ app推广之应用商店推广的渠道有哪些？ cpa广告是什么？CPM、CPS、CPC、CPV代表的又是什么含义？淘宝假货问题怎么解决？如何处理假货？ 2020年可以用手机赚钱的app有哪些？知+是什么?如何通过知+引流吸粉？五金机械百度推广,五金机械b2b平台免费推广五种常见的网店推广方式，新开的店铺该如何选择？全网营销如何精准的寻找客户？ cps广告推广赚钱怎么做？国内有哪些靠谱的cps广告联盟？网站推广要把品牌建设成粉丝想要的样子 cpa联盟行业未来想要持续健康发展该如何去做？三个适合长期做的正规、靠谱、安全的网赚项目分享！ cpa引流推广赚钱如何实现一劳永逸？造成网络营销效果不理想的五大误区！网站推广过程中对页面板块和评论功能的设计如何判断一个广告联盟靠不靠谱？主要看这三点！ app推广之app应用内推广的技巧和方法 cpa引流技巧之怎么利用qq引流大量的男粉流量！谈一谈目前广告联盟行业的发展现状和趋势！

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯5513 】【 SEO推广5487 】

上一篇: linux运行级别定义在哪个文件中

下一篇: linux的哪个目录存放用户信息

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发