CSS3 isolation: isolate作用实例页面

回到相关文章 »

代码:

CSS代码:
.box {
    background-color: #0074D9;
}
.inner {
    width: 256px;
    height: 256px;
    background: url(mm1.jpg) no-repeat;    
}
.mode {
    position: relative;
    right: -100px;
    mix-blend-mode: darken;	
}
                
HTML代码:
<div class="box">
    <div class="inner">
        <img src="mm2.jpg" class="mode">
    </div>
</div>

效果:

此时竖图片妹子和蓝色背景色发生混合。