<div class="box">
<div>
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3756113378,2176758247&fm=26&gp=0.jpg">
</div>
</div>
<!-- <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4126463820,1175275897&fm=26&gp=0.jpg" class="mode"> -->
<!-- <div class="box">
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3756113378,2176758247&fm=26&gp=0.jpg">
</div> -->
/* .box { display: flex; } */
img {
width: 200px;
}
/* .mode {
position: absolute;
mix-blend-mode: darken;
} */
.box > div {
/* isolation:isolate; */
background-color: blue;
/* z-index: 1; */
/* opacity: 0.5; */
/* transform: rotate(15deg); */
/* mix-blend-mode: screen; */
/* filter: blur(5px); */
/* will-change: transform; */
}
.box > div > img {
position: relative;
z-index: -1;
/* 注意这里是负值z-index */
}