css透明度属性设置的方法有哪些

922
2023/6/10 19:02:52
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

  1. opacity属性:设置元素的不透明度,取值范围为0-1之间,0表示完全透明,1表示完全不透明。

  2. rgba()函数:通过设置颜色的rgba值中的a(alpha)通道来实现透明度,a的取值范围也是0-1之间。

  3. hsla()函数:与rgba()函数类似,通过设置颜色的hsla值中的a(alpha)通道来实现透明度,a的取值范围也是0-1之间。

  4. filter属性:使用filter函数中的opacity属性来设置元素的透明度,取值范围也是0-1之间。例如:filter: opacity(0.5)。

  5. background-color属性:通过设置背景颜色的rgba或hsla值中的a(alpha)通道来实现背景色的透明度。例如:background-color: rgba(255, 255, 255, 0.5)。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: CSS中的transparent属性有什么作用