CSS不透明度/透明度

这个 不透明度 在CSS中，元素的属性描述了元素的透明度。它与透明度相反，代表内容被隐藏的程度 在一个元素后面。

我们可以对元素应用具有不同样式属性的不透明度。下面将讨论其中的几个问题：

图像不透明度： 不透明度属性在图像中用于描述图像的透明度。“不透明度”的值介于0.0到1.0之间，其中低值表示高透明度，高值表示低透明度。不透明度的百分比计算为不透明度%=不透明度*100。

例子： 本例通过将不透明度属性应用于图像来描述该属性。

输出：

图像悬停不透明度： 鼠标置于图像上方时，“悬停不透明度”属性将应用于图像，否则“不透明度”属性将更改。“不透明度”的值可以通过先将“不透明度”设置为更高的值，然后在悬停在其上时将其降低，从而轻松反转该过程，如：

语法：

.hightolow {
    opacity: 1.0;
}

.hightolow:hover {
    opacity: 0.5;
}

例子： 本例描述了“不透明度”属性，将其应用于图像，通过将鼠标悬停在其上生成不透明度。

输出：

透明度框和使用RGBA值的透明度： 在“透明度”框中，子属性从父属性继承属性，但在使用RGBA的透明度的情况下，仅使用或应用“不透明度”属性向元素的背景添加透明度。

例子： 本例通过使用RGBA值应用透明度来描述不透明度属性。

输出：

透明框中的文本： “不透明度”属性可用于减少或增加方框的不透明度，并将文本放入其中，以生成最令人震惊的帖子。

例子： 本例通过将文本放置在透明框中来描述不透明度属性。

输出：

支持的浏览器：

• 谷歌Chrome1.0
• 微软Edge 12.0
• Internet Explorer 9.0
• 火狐1.0
• 歌剧9.0
• Safari 2.0