freeCodeCamp/guide/chinese/css/css3-opacity-property/index.md

875 B

title localeTitle
CSS3 Opacity Property CSS3不透明度属性

CSS3不透明度属性

opacity允许您控制元素在01范围内的透明度。

如果将元素的属性设置为0则它将是透明的。如果将其设置为1则它将是不透明的。

将元素设置为opacity: 0;不会从页面中删除它。该元素仍然可以点击并影响页面内容的流程。

.transparent { 
    opacity: 0; 
 } 
 
 .verySeeThrough { 
    opacity: 0.3; 
 } 
 
 .slightlySeeThrough { 
    opacity: 0.7; 
 } 
 
 .opaque { 
    opacity: 1; 
 } 

这个简单的示例显示了如何使用具有悬停效果的不透明度。

更多信息: