演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<style type="text/css">
div{
width: 400px;background-color: #ff0000;
}
img{
width: 100%;
/* filter: opacity(50%); */
filter: opacity(50%);
}
</style>
</head>
<body>
<!--
透明度设置:opacity(百分比); 默认值100%,完全不透明
0%表示完全透明
值在0%-100%之间
-->
<div>
<img src="bj.jpg" />
</div>
</body>
</html>