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 不然会有白边

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/18875.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论