13.8　设置元素不透明度

使用opacity属性可以修改元素（包括图像）的透明度，opacity属性的默认值为1。该属性值可以使用0.00（完全透明）～1.00（完全不透明）的两位小数，也可以理解为取值为0～100%。

通过使用opacity属性和：hover属性，可以产生一些有趣且实用的效果，例如，可以修改元素在用户鼠标悬停时的不透明度，或者为某些元素（如可选的表单字段）添加表示禁用的外观。

图13-8所示为一个照片集页面，页面中img元素的透明度为0.5，当鼠标悬停在图片上时透明度为1。

图13-8　设置元素的不透明度

在CSS中设置如下样式即可实现：