css

【CSS】透明颜色设置失效

Chason
2021-01-26 / 0 评论 / 0 点赞 / 2,556 阅读 / 313 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

设置具有透明色的颜色,通过rgba或hsla来设置,比#设置颜色要兼容性好。
否则IE浏览器有可能设置失效。
image.png

移动端背景样式不生效:
调试发现:width的计算属性calc导致背景色设置失效。
解决方法:将width的计算属性放在背景色设置的上面,问题即可解决。

  width: calc(85% - 70px);
  background-color: rgba(255, 255, 255, 0.767);
0

评论区