The - moz-opacity property of a picture is utilized to set the obscurity of a picture. This property is utilized to make a straightforward picture in Mozilla. IE utilizes filter:alpha(opacity=x) to make straightforward pictures. In Mozilla (- moz-opacity:x) x can be a worth from 0.0 - 1.0. Lower esteem makes the component more straightforward (the same thing goes for the CSS3-legitimate linguistic structure opacity:x). In IE (filter:alpha(opacity=x)) x can be a worth from 0 - 100. Lower esteem makes the component more straightforward. For example:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
div{
border:1px solid red;
-moz-opacity:0.4;
filter:alpha(opacity=40);
}
img{
height: 300px;
width: 300px;
}
</style>
</head>
<body>
<div>
<img src="https://yt3.ggpht.com/ytc/AKedOLQCxwWkeIU4jyhDL-1vXucz-mquq4uPnTsyUtGiyA=s900-c-k-c0x00ffffff-no-rj">
</div>
</body>
</html>
Output: