Html 如何修复混合vlend模式与背景色？

我需要使“菜单”文本和svg徽标混合模式：差异；它适用于背景上的图像，但不适用于主背景颜色和没有绝对位置的文本。如何修复它

.header\uu徽标{
位置：固定；
顶部：10px；
左：10px；
z指数：99；
最大宽度：20%；
最大高度：100px；
填充：40px；
右边填充：0；
混合模式：差异化；
填充：#fff；
}
.标题\打开按钮{
位置：固定；
顶部：20px；
右：20px；
z指数：99；
填充：40px；
左侧填充：0；
颜色：#fff；
混合模式：差异化；
-webkit转换：0.3s易入易出；
过渡：0.3s缓进缓出；
}