网站制作时我们通过css可以轻松实现透明度调整。今天我们一起看看如何通过实现filter 属性实现网页背景透明度的调整。filter 属性定义了元素的可视效果(例如：模糊与饱和度)。该函数与已有的opacity属性很相似，不同之处在于通过filter，一些浏览器为了提升性能会提供硬件加速。opacity(%)可转化图像的透明程度。值定义转换的比例。值为0%则是完全透明，值为100%则图像无变化。值在0%和100%之间，则是效果的线性乘子，也相当于图像样本乘以数量。 若值未设置，值默认是1。下面我们通过一组实例来看看它是如何实现背景透明度调整吧。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> #box{ width: 500px; height: 500px; background-color: blue; filter: opacity(0.5); } </style> </head> <body> <div id="box"></div> </body></html>
更多网站制作小知识请关注
青岛诚企建站，http://www.city86.com 或者微信扫码在线沟通。青岛诚企建站，专业网站制作，程序开发，网页设计。
本文地址：http://www.city86.com/news_view_514/
