属性值:0-1之间的数字,0表示元素完全透明,1表示元素完全显示,0.5表示半透明。
注意:半透明效果是连着内部所有的子元素内容一起半透明的。
透明悬停效果
opacity 属性通常与 :hover 选择器一同使用,这样就可以在鼠标悬停时更改不透明度:
示例1:鼠标悬停时,变成1全不透明。
示例2:鼠标悬停时,变成0.5半透明。
属性值:0-1之间的数字,0表示元素完全透明,1表示元素完全显示,0.5表示半透明。
注意:半透明效果是连着内部所有的子元素内容一起半透明的。
opacity 属性通常与 :hover 选择器一同使用,这样就可以在鼠标悬停时更改不透明度:
示例1:鼠标悬停时,变成1全不透明。
示例2:鼠标悬停时,变成0.5半透明。