CSS对背景透明度降低有多少办法
|
这篇文章主要介绍“CSS对背景透明度降低有多少方法？”，有一些人在CSS对背景透明度降低有多少方法？的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这个方面学习需要的朋友就继续往下看吧。 CSS降低背景透明度 方法1：使用opacity属性 Opacity属性设置一个元素了透明度级别。从0.0（完全透明）到1.0（完全不透明） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #box{ width: 300px; height: 300px; background-color: red; opacity: 0.4; } </style> </head> <body> <div id="box"></div> </body> </html> 方法2：使用filter属性 filter 属性定义了元素的可视效果(例如：模糊与饱和度)。 opacity(%)可转化图像的透明程度。值定义转换的比例。值为0%则是完全透明，值为100%则图像无变化。值在0%和100%之间，则是效果的线性乘子，也相当于图像样本乘以数量。 若值未设置，值默认是1。该函数与已有的opacity属性很相似，不同之处在于通过filter，一些浏览器为了提升性能会提供硬件加速。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #box{ width: 300px; height: 300px; background-color: red; filter: opacity(0.3); } </style> </head> <body> <div id="box"></div> </body> </html> 现在大家对于CSS对背景透明度降低有多少方法？的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。 （编辑：银川站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
