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" style="isolation: isolate;"> <img src="mm2.jpg" class="mode"> </div> </div>
效果:
此时竖图片妹子和蓝色背景色也发生混合。