css3 用混合模式要注意的问题

css3 用混合模式要注意的问题

.p2_2 {
width: 78.133%;
height: 2.795rem;
background: url('/uploadpic/xiangmu/zhongyibaoming/images/2/p2_2.png') no-repeat, url(/dahuajushi/images/2/p2_bg.png) no-repeat center;
background-size: 100% 100%;
mix-blend-mode: multiply;
position: absolute;
left: 13.733%;
top: 33.167%;
}

 

第二张图片直接读取不出来就自动和背景混合了

 

但是需要注意 一定更要先display:none  然后fadeIn 不然会有白边